Autor Zpráva
aduben
Profil *
Zdravím,
potřebovala bych poradit s drobečkovou navigací v Google Chrome.
Je to jedinej prohlížeč kde se mi vykresluje špatně. IE od 5,5 až po 8 OK, Firefox OK, Opera OK.
Zde je HTML kód:
<div class="drobecky" id="navigace">
<h5>Drobečky</h5>
<ul>
	
<li>
<a href="index.php"> Hlavní stránka </a></li>
<li><a href="kontaktujte.php"> Kontakt</a></li>
<li> Mapa</li>
</ul>
</div>
<!-- konec drobečky -->



Zde je stylování v CSS:
#navigace{ position: absolute;
                      left:35px;
                      top:85px;
                       }
 
#navigace h5{ display:none
                       }
#navigace ul{ width: 900px;
              float: left;
              font-size:90%;
              list-style-type: none;
             
                       }

#navigace ul li{ display: in-line;
             margin-left:2px;
             float:left
                       }
#navigace ul li a{
              text-decoration: underline
                       }
#navigace ul li:before{content:">> "
                       
                       }


#navigace ul li:first-child:before{content:""}
              
                       
#navigace ul li:last-child{ 
           color: #db1e81}
                       

Kdyby někdo prosím věděl kde mám co upravit.
Moc děkuji.
Pokud toto téma již zde bylo řešeno, omlouvám se.
aduben
Profil *
poznámka: vykresluje špatně znamená , položka s názvem Hlavní stránka se vykreslí na dva řádky.
Marek Prokop
Profil
Jen pro zajímavost, proč to prostě nenapíšete takto?

<div class="drobecky" id="navigace">
<a href="/">Hlavní stránka</a> » <a href="kontaktujte.php">Kontakt</a> » Mapa
</div>
SwimX
Profil
aduben:
#navigace{ position: absolute;
nedělal bych to absolutně, pokud je to vůči body, raději to vyřešte jakkoli jinak

#navigace ul{ width: 900px;
              float: left;
              font-size:90%;
proč je float:left? podle html ji nemá co obtékat?
velikost přísma 90% mi přijde divná, použil bych +- 9pt;

#navigace ul li{ display: in-line;
             margin-left:2px;
             float:left
jaký má význam display inline zíároveň s floatem?

pokud ti to nepomůže, dej nám ještě prosím odkaz na živou ukázku.
aduben
Profil *
Problém je pouze v Google Chrome, absolutně to pozicováno vůči body není, je to vůči obsahu.....
jaký má význam display inline zíároveň s floatem?- to jsem přehlédla.
aduben
Profil *
byl to ten levej float...... omlouvám se. učím se to pár měsíců a to ještě po večerech,.....
Děkuji za rady.
Bubák
Profil
aduben:
jaký má význam display inline zíároveň s floatem?
Eliminuje double margin bug v IE6, jinou funkci nemá, protože floatované elementy se (podle CSS specifikace) chovají, jako blokové a ani tato deklarace to memůže (nesmí) předefinovat.
http://www.ie-brouci.dero.name/double-margin.html
panther
Profil
aduben:
položka s názvem Hlavní stránka se vykreslí na dva řádky.
byla by ukázka? Nenastavuješ někde výše šířku položkám seznamu?

Bubák:
Eliminuje double margin bug v IE6
neeliminuje, neboť má hodnotu „in-line“.

SwimX:
velikost přísma 90% mi přijde divná, použil bych +- 9pt;
proč divná? Záleží na velikosti nadřazného bloku, 90% může být akorát na drobečkovou navigaci.

Marek Prokop:
Jen pro zajímavost, proč to prostě nenapíšete takto?
je to navigace, která by IMHO měla přijít do seznamu (seznam odkazů před aktuální stránkou). Prosté odkazy (a text vůbec) v divu nejsou slušné.
Marek Prokop
Profil
Prosté odkazy (a text vůbec) v divu nejsou slušné.

Aha, tak to už chápu. Měli jste říct hned, že jde o čistý fanatismus a ne o čistý kód ;-)
aduben
Profil *
panther:
„položka s názvem Hlavní stránka se vykreslí na dva řádky.“
byla by ukázka? Nenastavuješ někde výše šířku položkám seznamu?
Mě už se to zobrazuje správně, problém byl pouze u Google Chrome, ale už je to OK.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: