| Autor | Zpráva | ||
|---|---|---|---|
| Ilhvm Profil * |
#1 · Zasláno: 26. 3. 2013, 12:57:50
Ahojte lidi :)
Potřebovala bych poradit. Mám stránku, která obsahuje div s pozadím loga a potom samotný div na obsah: <body>
<div class="zahlavi">
<h1 class="zahlavi">Pogona Vitticeps</h1>
<br>
<a href="index.html" class="zahlavi">O mě</a>
<a href="pogona.html"class="zahlavi" style="padding-left: 5%;">Agama Vousatá</a>
<a href="fotogalerie.html"class="zahlavi" style="padding-left: 5%;">Fotogalerie</a>
<a href="prodej.html"class="zahlavi" style="padding-left: 5%;">K prodeji</a>
</div>
<div class="obsah">
bla bla bla
</div>
</body>Styl: body{
background-color: rgb(166,124,82);
}
div.zahlavi{
width: 100%;
height: 38%;
background-image: url(logo.PNG);
background-repeat: no-repeat;
background-position: center top;
}
h1.zahlavi{
color: rgb(255,255,255);
font-family: Trajan Pro;
padding-left: 25%;
padding-top: 12%;
}
a.zahlavi{
color: rgb(255,255,255);
font-family: Trajan Pro;
font-size: 18px;
text-decoration: none;
font-weight: bolder;
padding-left: 3%;
}
div.obsah{
background-color: rgb(255,255,255);
height: 100%;
width: 100%;
border-bottom-left-radius: 30px;
webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
webkit-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
}Při rozlišení 1024x768 je to v pořádku, při ostatních se mi to samozřejmě nějakým způsobem rozjede. Myslíte, že je to vhodné řešit to obalením do divu a centrovat vůči tomu divu? Děkuji moc :) |
||
| Kcko Profil |
#2 · Zasláno: 26. 3. 2013, 13:01:53
Jak rozjede?
|
||
| Ilhvm Profil * |
#3 · Zasláno: 26. 3. 2013, 13:11:04
Kcko:
No, při rozlišení 800x600 mi div obsah nejspíše překryje logo, které ještě k tomu zmizne do rohu: http://2i.cz/50f86b4192 No a při větším rozlišení, např. 1360x768 mi zmizne menu a div s obsahem se roztáhne: http://2i.cz/14bc2f05d6 |
||
| Kcko Profil |
#4 · Zasláno: 26. 3. 2013, 13:25:25
No tak nastav pevnou šířku layoutu, nebo si elementy, nastav % tak aby to vycházelo. A obrázkům nastav
max-width: 100%
|
||
| Chamurappi Profil |
#5 · Zasláno: 26. 3. 2013, 13:32:21
Reaguji na Ilhvma:
Možná by pomohla spíš živá ukázka stránky, než pár obrázků a neúplný zdroják. Víš, že procentuálně nastavený padding-top se počítá ze šířky? (Nikoliv z výšky.)
„O mě“ O mně. |
||
| Ilhvm Profil * |
#6 · Zasláno: 26. 3. 2013, 13:43:57 · Upravil/a: Ilhvm
Kcko:
Děkuju. To zase takový problém nebyl :)) Chamurappi: To jsem netušila. |
||
|
Časová prodleva: 11 let
|
|||
0