Autor | Zpráva | ||
---|---|---|---|
Měsíček Profil |
#1 · Zasláno: 20. 11. 2007, 12:26:03
Nevíte co tomu vadí ? Já už si nevím rady zkoušel jsem už i margin: 0px auto; a nic ... problémem myslím špatné zobrazení v mozille ..
|
||
Měsíček Profil |
#2 · Zasláno: 20. 11. 2007, 12:27:13
a css kód je :
#menu2 { width: 100%; height: 25px; border-top: 1px solid Silver; position: relative; top: 85%; color:green; } #polozka{ width: 70px; height: 23px; border-left:1px solid Silver; text-align:center; color:green; } #polozka_1{ width: 70px; height: 23px; border-left:0px solid Silver; text-align:center; } |
||
Bubák Profil |
#3 · Zasláno: 20. 11. 2007, 12:39:29
Bez HTML těžko říst (tajnůstkáři), ale tipnul bych si, že #polozka je inline.
Hlavně bez HTML nechápu, co má být #polozka, jen bych si tipnul, že já bych použil kontext, nebo nanejvýš třídy. |
||
Měsíček Profil |
#4 · Zasláno: 20. 11. 2007, 12:54:33
<div id="hlavicka">
<span id="nadpis" style="position:absolute;font-size:30px;color:green;top:40px;left:30px ;">Nadpis stránky</span> <span id="hledac"><input type="text" name="hledac"> <a href="javascript: document.form_name.submit()" style="background:white;border: 1px solid Darkgray;height: 22px;color:green;"> Hledat </a></span> <div id="menu2"> <span id="polozka_1"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> <span id="polozka"><a href="#">Položka #</a></span> </div> </div> |
||
Bubák Profil |
#5 · Zasláno: 20. 11. 2007, 13:37:51
Píšeš jako prase, ID je iedinečný identifikátor, na stránce se nemůže stejný ID vyskytovat 10×, ale pouze jednou. Nevyužíváš kontextu.
http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/ Je to (záměrně) v transitonal HTML, ale jde snadno přepsat: <style> #menu2 { margin: 0; padding: 0; list-style: none; width: 100%; height: 25px; border-top: 1px solid Silver; position: relative; top: 85%; } #menu2 li { float: left; width: 70px; height: 23px; line-height: 23px; } #menu2 a { display: block; width: 100%; height: 100%; border-left: 1px solid Silver; text-align: center; color: green; } #polozka_1 a { border-left: none; } </style> <menu id="menu2"> <li id="polozka_1"><a id="polozka_1" href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> <li><a href="#">Položka #</a> </menu> |
||
Měsíček Profil |
#6 · Zasláno: 20. 11. 2007, 14:06:37
Reaguji na Bubák :
Díky už je to lepší :-) a obzory se rošířily o další používání tagu <menu> :-) |
||
Časová prodleva: 16 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0