Autor | Zpráva | ||
---|---|---|---|
sUnnyGamer Profil |
#1 · Zasláno: 19. 4. 2010, 15:32:06
Ahoj, mám takový menší problém, potřebuji mít stejně dlouhé menu, jako stránku, ale nevede se mi moc. Vím, že už se na to někdo ptal, celé jsem si to taky přečetl a udělal to podle návodu, jenže jsem si to akorát rozházel. Prosím jak to mám udělat.
Je to viďet na této stránce: Odkaz CSS: /* obecne definice */ * { margin:0; padding:0; } body { background: #000000; } a { color:#000; text-decoration: underline; } a:hover { color:#000; text-decoration:none; } /* obecne definice konec */ /* Body */ body { text-align: center; } #body { width: 983px; text-align: left; margin: 0 auto; } ... ... /* Menu */ #menu { background: #000; margin: 0 0 0 0; padding: 0 0 0 0; } #u-menu { width: 983px; height: 50px; list-style-type: none; } #u-menu li { float: left; } #u-menu { height: 50px; padding: 0 0 0 0; color: #000000; } #u-menu a { text-decoration: none; padding: 0 0 0 0; font-weight: normal; } /* Menu Konec */ ... ... /* levy blok */ #l-menu { float: left; min-height: 600px; width: 239px; background: #fff url("img/menu.png") left top no-repeat; } #l-menu h3 { color: #FFFFFF; padding: 0 0 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; } /* levy konec */ ... ... /* pravy blok */ #page { min-height: 600px; padding: 0 8px 0 17px; float: left; width: 719px; background: #fff url("img/page.png") left top no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #000000; font-size: 14px; text-align: justify; } ... ... /*Paticka */ #paticka { float: left; height: 103px; width: 983px; display: block; background: url("img/paticka.png") left top no-repeat; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; font-size: 12px; padding: 35px 0 0 0; } /* Konec Paticka */ |
||
whysper93 Profil |
#2 · Zasláno: 19. 4. 2010, 16:32:23 · Upravil/a: whysper93
No myslím že by to mělo být následovně:
#page - float vymaž a dej tam margin-left tak, aby ti to vyhovovalo (nejspíš nějakých 240px podle šířky menu) #paticka - taky vymaž float, aby byla patička nastřed tak dej margin: auto, a dej tam clear: both; -- zruší obtékání. Snad by to mělo fungovat já tak dělám asi už 5té stránky a jedou dobře. A aby se ti zobrazuovaly stejně v IE i mozille a Opeře tak tam dej doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Nyní jsem to zkusil poprvé a stránky se zobrazují ve všech prohlížečích na pixel přesně. Snad ti to pomůže. |
||
sUnnyGamer Profil |
#3 · Zasláno: 19. 4. 2010, 21:13:40
Právě jsem to vyzkoušel, ale nefunguje to - nevim proč. Ale napadlo mě, že bych mohl vytvořit div, dát mu pozadí, které by bylo stejné jako menu a stránka a pak bych do něj vložil menu se stránkou. Už jsem to i vyzkoušel, jenže pozadí se mi nechce ukázat. Jak by šel tenhle CSS upravit, aby se mi zobrazilo?
|
||
Trejpa Profil |
#4 · Zasláno: 19. 4. 2010, 22:01:26
sUnnyGamer:
Stejná výška sloupců se obvykle simuluje vhodným pozadím obalujícího bloku (příklad). |
||
Bubák Profil |
#5 · Zasláno: 20. 4. 2010, 00:08:00 · Upravil/a: Bubák
sUnnyGamer:
„Už jsem to i vyzkoušel, jenže pozadí se mi nechce ukázat.“ Byl jsi na dobré cestě, ale po floatu musíš dát element s clear:both; jde využít třebas patičku. Ještě dodám, tak je dělaný i Trejpův příklad. |
||
sUnnyGamer Profil |
#6 · Zasláno: 20. 4. 2010, 20:36:31
Už se mi to konečně povedlo. Díky.
|
||
Časová prodleva: 1 rok
|
|||
microfox Profil * |
#7 · Zasláno: 22. 7. 2011, 22:58:57
fajn tak kdyz se ti to povedlo tak by bylo dobry jsem hodit kod... Takhle jsem se nedozvedel vubec nic jen jaky mas problem...ale ja ten problem taky resim a cist tady takovyhle diskuze kde ve vysledku nevyctu nic mi strasne pomuze...
|
||
margin Profil * |
#8 · Zasláno: 23. 7. 2011, 03:08:17
microfox:
Pokud chceš kód, koukni na [#4] Trejpův příklad. Pokud ti to nepomůže, dek odkaz na živou ukázku. |
||
Časová prodleva: 13 let
|
0