| Autor | Zpráva | ||
|---|---|---|---|
| marajade Profil * |
Moderátor Chamurappi: Vytrženo z Neroztahující se design - špatná struktura.
Pěkný den všem, mám podobný problém a pořád s tím nemůžu hnout, tak prosím o pomoc.. Mé stránky mají strukturu: <html>
<head>
</head>
<body>
<div id="page">
<div id="head">
<div id="headtel"></div>
<div id="head2"></div>
</div>
<div id="menu">
</div>
<div id="obsah">
</div>
<div id="foot">
</div>
</div>
</body>
</html> |
||
| Tayger Profil * |
#2 · Zasláno: 1. 7. 2010, 13:17:34
marajade:
Nejdříve sem prosím dejte odkaz na ten kód s css, jen z obyčejného html nelze poznat kde je chyba. |
||
| marajade Profil * |
Tayger:
mám to zatím jen na svém počítači, takže tady je to textově: body{
font: 10pt "Trebuchet MS";
background: #1b5790;
text-align:center;
color:#000;
}
#page{
background:url("img/kaminky.png") no-repeat scroll left bottom #FFFFFF;
width:850px;
height: 850px;
margin: 20px auto 0 auto;
padding: 3px 10px 5px 10px;
}
#page img{
float:left;
}
#head{
background: #FFF;
width:850px;
height:180px;
border-width: 0 0 4px 0;
border-style: double;
border-color: #000066;
margin: 15px auto 0 auto
padding: 5px 10px 10px 10px;
}
#head img{
border-style:none;
float: left;
padding: 20px 0 0 15px;
}
#head2 img{
float: right;
padding: 0 30px 0 0;
}
#headtel{
background: url("img/telephone.png") no-repeat left;
float: right;
border-style: none;
margin: 0;
padding: 0;
}
#menu{
background: url("img/cara.png") no-repeat scroll right top;
float:left;
width:150px;
height: 425px;
margin: 0 15px 0 0;
padding: 0 20px 0 10px;
}
#menu a{
display:block;
text-align:center;
font: 14pt bold;
font-family: "Tahoma";
color: #000066;
text-decoration: none;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #DDDDDD;
padding: 8px 0 8px 0;
}
#menu a:hover{
color:#CC0033;
}
#menu .aktivni{
background: #e6e6fa;
}
#obsah{
text-align:justify;
display: block;
margin: 1px 0 0 0;
padding: 5px 15px 8px 200px;
}
#foot{
background: #FFF;
float:left;
position: relative;
}
#foot img{
float:left;
}Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Tayger Profil * |
#4 · Zasláno: 1. 7. 2010, 13:44:00
marajade:
Doufal jsem, že sem dáte odkaz na stránku, takhle je to nahouby, co znamená to page img? Celý ten kód css kód je však špatný a divil bych se jestli by fungoval správně podle vašich představ. Například, div je blokový prvek, tak proč mu nastavujete display: block? Zápis border-width je špatně, nastavujete šířku rámu. zápis border: solid 1px #DDDDDD; vám ušetří spousty psaní navíc, plně nahrazuje všechny vlastnosti borderu. Postavit rozvržení stránky místo na marginu na paddingu je asi nejhorší možnost, přečtěte si někde jaký je v tom rozdíl. A prosím o odkaz na stránku. |
||
| marajade Profil * |
#5 · Zasláno: 1. 7. 2010, 14:13:55
Děkuji Vám velmi za připomínky.. Část stránek jsem nahrála sem .
display: block jsem tam dala, aby se mi ty položky menu nerozjížděly. margin a padding opravím. |
||
| Tayger Profil * |
#6 · Zasláno: 1. 7. 2010, 14:43:21
marajade:
Tak za prvé, když už to tu čtete a tak proveďte všechny rady co tu jsou. Jak jsem z kódu zjistil, tak se obsah ani nemůže přizpůsobovat svému vnitřku. Né že by nemohl, ale když je ukončen div id="obsah" zned za první prodejnou, tak už nemůže pokračovat na druhou prodejnu. Doporučuji kód vložit do pspadu či podobného programu a tam si zjistit jak máte ty divy spárované. Tyto programy vám klepnutím na párový tag zvýrazní i jeho ukončovací protějšek. „display: block jsem tam dala, aby se mi ty položky menu nerozjížděly“ Opět opakuji, div je blokový prvek, proto nemá display: block pro něj žádný význam, pokud se vám menu rozjíždí, tak hledejte problém jinde, z vašeho kódu je patrné, že je jich tam více než dost. Tím vás nechci odradit, jen doporučit, abyste si nejdříve pořádně nastudovala blokové prvky. |
||
| panther Profil |
#7 · Zasláno: 1. 7. 2010, 15:31:24
Tayger:
„co znamená to page img?“ obrázky v #page. „Například, div je blokový prvek, tak proč mu nastavujete display: block?“ je to zbytečná deklarace, ale na funkčnost divu jako bloku vliv nemá. „Zápis border-width je špatně“ prosím? Raději si ověř informace, než něco napíšeš. marajade: Obsah se roztahuje, jen div#page s bílým pozadím má nastavenou výšku na 800px, proto dole bílé pozadí už nemáš. Jedno základní pravidlo zní, že nemáš nikdy nastavovat výšku ničemu, kde očekáváš textový obsah. |
||
| Tayger Profil * |
#8 · Zasláno: 1. 7. 2010, 16:01:44
panther
> „Zápis border-width je špatně“ > prosím? Raději si ověř informace, než něco napíšeš. Ehm, omlouvám se, zapoměl jsem, že lze takto specifikovat který border zobrazit, má chyba. |
||
|
Časová prodleva: 14 let
|
|||
0