Autor | Zpráva | ||
---|---|---|---|
aduben Profil * |
#1 · Zasláno: 16. 2. 2010, 20:51:55
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 * |
#2 · Zasláno: 16. 2. 2010, 20:56:32
poznámka: vykresluje špatně znamená , položka s názvem Hlavní stránka se vykreslí na dva řádky.
|
||
Marek Prokop Profil |
#3 · Zasláno: 16. 2. 2010, 21:46:39
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 |
#4 · Zasláno: 16. 2. 2010, 21:50:19
aduben:
#navigace{ position: absolute; #navigace ul{ width: 900px; float: left; font-size:90%; velikost přísma 90% mi přijde divná, použil bych +- 9pt; #navigace ul li{ display: in-line; margin-left:2px; float:left pokud ti to nepomůže, dej nám ještě prosím odkaz na živou ukázku. |
||
aduben Profil * |
#5 · Zasláno: 16. 2. 2010, 22:15:35
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 * |
#6 · Zasláno: 16. 2. 2010, 22:24:59
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 |
#7 · Zasláno: 16. 2. 2010, 22:32:37
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 |
#8 · Zasláno: 17. 2. 2010, 00:04:53
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 |
#9 · Zasláno: 17. 2. 2010, 15:21:46
„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 * |
#10 · Zasláno: 17. 2. 2010, 16:58:27
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. |
||
Časová prodleva: 14 let
|
0