| Autor | Zpráva | ||
|---|---|---|---|
| kokolino Profil * |
#1 · Zasláno: 17. 8. 2010, 11:03:39
čawte
mám menší problém ak sa pozriete na sem Odkaz tak stránka je zarovnaná k ľavému okraju, avšak na localhoste je zobrazena v strede stránky neviete čím to môže byť ? v css mám toto : *{margin:0;padding:0}
#hlavicka{background-image:url("elfka.jpg");padding:50px 0px 50px 0px;text-align:center}
body {font-family: "Palatino Linotype", "New York CE", utopia, serif;font-size:.9em;margin:auto;width:700px;line-height:1.5;letter-spacing:.6px;background:white;position:relative;background-color:#111111;}
h1 a {text-decoration:none;color:#383;font-size:0.8em;padding-top:100px;margin-bottom:-40px;display:block;height:128px;padding-left:50px;margin-right:-50px;}
h1 a:hover{color:#383;background:none}
#pristupnost{position:absolute;top:-5000px}
h2{font-size:1.6em;color:green;text-align:center;padding:0px 0px 10px;}
h3{padding:15px 0px;font-size:1.2em;color:green;text-align:center;}
ul, .seznam, dir {padding:20px 100px}
li{color:green;}
#paticka{padding:30px 50px 50px 50px;text-align:center}
p{padding:5px 45px;text-indent:15px;color:white}
a{color:#f00}
a:hover{color:white;background:#d33}
strong{color:green}
code{color:#33c;font-size:1.1em;_font-size:1.05em;font-weight:bold;}
#drobky{font-size:.9em;margin-top:-70px;margin-bottom:30px}
pre {margin:15px 50px;width:580px;overflow:auto;border:1px dashed #999;padding:10px;_padding-bottom:20px;overflow-y: hidden;}
.text{color:white;font-weight:normal}
samp{font-family: "Palatino Linotype", "New York CE", utopia, serif;font-style:italic}
.seznam{list-style-type:circle}
.seznam a{font-weight:bold}
.seznam dd{padding-left:20px}
.desatero dt{padding-top:15px;}
.desatero strong{color:black}
img{padding:15px 10px 15px 75px;}
#obsahindex{margin-top:-70px}
#rozcestnik{margin:0px 15px}
#odkazy{text-align:center;padding-top:15px}
#email{color:black}
address{text-align:center}
a ešte otázka určite ste si všimli, že v hlavičke sa opakuje obrázok ako tomu zabránim ? skúšal som toto : #hlavicka{background-image:url("elfka.jpg") no-repeat;padding:50px 0px 50px 0px;text-align:center}takto sa mi pre zmenu obrázok vôbec nezobrazil |
||
| habendorf Profil |
#2 · Zasláno: 17. 8. 2010, 12:05:28
OT: Proč kradeš Timymu title?
|
||
| habendorf Profil |
#3 · Zasláno: 17. 8. 2010, 12:07:39
No a necentruje se ti to proto, že ten margin:auto přepisuješ v dalším CSS na margin:0.
|
||
| jenikkozak Profil |
#4 · Zasláno: 17. 8. 2010, 12:09:27 · Upravil/a: jenikkozak
habendorf:
Nejen title, také patičku, například. ;-) kokolino: „mám menší problém ak sa pozriete na sem Odkaz tak stránka je zarovnaná k ľavému okraju, avšak na localhoste je zobrazena v strede stránky neviete čím to môže byť ?“ Za zarovnání vlevo je mimo jiných odpovědný tvůj zápis body{width:700px} „ešte otázka určite ste si všimli, že v hlavičke sa opakuje obrázok ako tomu zabránim ?“ #hlavicka{background:url("elfka.jpg") no-repeat; |
||
| kokolino Profil * |
#5 · Zasláno: 18. 8. 2010, 07:23:10
habendorf
autorovi webu Lukáš Havrlant sa ospravedlňujem , jeho kód nekradnem, ale inšpirujem sa ním ten tebou spomínaný margin:0 neprepisujem nikde celý súbor .css je hore uvedený |
||
| jenikkozak Profil |
#6 · Zasláno: 18. 8. 2010, 09:12:02
kokolino:
Nemáš na té stránce dnes upravený .css soubor? Řekl bych, že včera jsem souhlasil s tím, co habendorf napsal, jenže nyní v tom souboru zápis „margin:auto“ vůbec nemáš. Jenže ten tam právě měl být. Přidej ho k divům „hlavicka“ a „body“. A taky si přečti, co jsem napsal v [#4] jenikkozak. |
||
| kokolino Profil * |
#7 · Zasláno: 18. 8. 2010, 09:42:38
jenikkozak:
čo si písal [#4] som si prečítal a to s obrázkom šlo dobre (nakoniec som ho aj tak zmenil na iný) css súbore som doplnil margin:auto do hlavičky v body tam bolo a stále to nejde
*{margin:0;padding:0}
#hlavicka{background-image:url("panda.jpg");padding:100px 0px 50px 0px;text-align:center;background-repeat:no-repeat;background-position: center;margin:auto;}
body {font-family: "Palatino Linotype", "New York CE", utopia, serif;font-size:.9em; color:white; margin:auto;width:700px;line-height:1.5;letter-spacing:.6px;background:white;position:relative;background-color:#111111;}
h1 a {text-decoration:none;color:#383;font-size:0.8em;padding-top:100px;margin-bottom:-40px;display:block;height:128px;padding-left:50px;margin-right:-50px;}
h1 a:hover{color:#383;background:none}
#pristupnost{position:absolute;top:-5000px}
h2{font-size:1.6em;color:green;text-align:center;padding:0px 0px 10px;}
h3{padding:15px 0px;font-size:1.2em;color:green;text-align:center;}
ul, .seznam, dir {padding:20px 100px}
li{color:green;}
#paticka{padding:30px 50px 50px 50px;text-align:center}
p{padding:5px 45px;text-indent:15px;color:white}
a{color:#f00}
a:hover{color:white;background:#d33}
strong{color:green}
code{color:#33c;font-size:1.1em;_font-size:1.05em;font-weight:bold;}
#drobky{font-size:.9em;margin-top:-70px;margin-bottom:30px}
samp{font-family: "Palatino Linotype", "New York CE", utopia, serif;font-style:italic}
.seznam{list-style-type:circle}
.seznam a{font-weight:bold}
.seznam dd{padding-left:20px}
.desatero dt{padding-top:15px;}
.desatero strong{color:black}
img{padding:15px 10px 15px 75px;}
#obsahindex{margin-top:-70px}
#rozcestnik{margin:0px 15px}
#odkazy{text-align:center;padding-top:15px}
#email{color:black}
address{text-align:center}
|
||
| jenikkozak Profil |
#8 · Zasláno: 18. 8. 2010, 10:21:59
kokolino:
Jenže já v tom příspěvku taky napsal, že tam nemáš mít zápis body{width: 700px}, teď ale vidím, že tam máš chybu. Nemyslíš tím zápisem totiž tag <body>, ale <div id="body">, tam šířka stanovená být má. Na tento div ale odkazuj pomocí: #body {}Ještě do toho souboru připiš body {text-align:center} |
||
| kokolino Profil * |
#9 · Zasláno: 18. 8. 2010, 10:44:46
jenikkozak:
ďakujem za tvoju trpezlivosť a pomoc už sa to zobrazuje dobre a toto body{width: 700px} som tam nechal tým určujem len celkovú šírku, ak to dám preč tak sa mi to roztiahne na celú obrazovku |
||
| jenikkozak Profil |
#10 · Zasláno: 18. 8. 2010, 11:06:25
kokolino:
V tom css souboru můžeš spoustu hodnot vyházet. Např. když definuješ barvu písma pro <body>, není nutno tutéž barvu zapisovat i pro <div id="body">, protože tato hodnota se vztahuje na všechna písma. Stejně tak vlastnost letter-spacing, font-family, line-height a nejrůznější paddingy a marginy. CSS má totiž schopnost dědičnosti. Tím, že zbytečně definované hodnoty vlastností vyhodíš, zjednodušíš si .css soubor a případné chyby se ti budou snáze hledat. |
||
| Bubák Profil |
#11 · Zasláno: 18. 8. 2010, 16:00:06
jenikkozak:
„Stejně tak vlastnost letter-spacing, font-family, line-height a nejrůznější paddingy a marginy.“ Margin a padding se nedědí. |
||
| jenikkozak Profil |
#12 · Zasláno: 18. 8. 2010, 17:17:56
Bubák:
Ten se nedědí, to jsem se nepřesně vyjádřil, ale je-li definován zápisem *{padding:0}, vztahuje se na všechny možné prvky, nulový proto již není nutno zadávat. O tomto je také napsáno na odkázané stránce. |
||
|
Časová prodleva: 16 let
|
|||
0