Autor Zpráva
pavel120
Profil
Mám jeden drobnější problém s tvorbou navigace pomocí neuspořádaného seznamu, a zatím mě nenapadlo nic, v čem by mohl spočívat. Proto budu rád za jakoukoli pomoc.

Dokument HTML:
<body>
 <div id="navigace">
  <ul id="nabidka">
   <li><a href="...">Odkaz 1</a></li>
   <li><a href="...">Odkaz 2</a></li>
  </ul>
 </div>
</body>


Dokument se styly:
#navigace {width : 160px;
            height : 260px;
            background-color : #bbbbbb;
            border : 2px solid #000000}

  #nabidka {list-style-type : none;
             margin : 0px;
             padding : 0px}
  
    #nabidka li a {display : block;
                    background-color : #cccccc;
                    border : 1px solid #000000;
                    text-align : center;
                    text-decoration : none;
                    letter-spacing : 1px;
                    font-size : 13px;
                    color : #000000;
                    margin : 2px;
                    padding : 6px}
V Mozilla Firefox (verze 3.0.1) a Opeře (verze 9.21) je výsledná stránka, podle mého názoru, vykreslena správně, narozdíl od Internet Explorer (verze 7), který mezi položkami seznamu vytváří mezeru.

Výsledná stránka v Mozilla Firefox a Opeře:



Výsledná stránka v Internet Explorer:

Mantha
Profil *
ahoj mam stejný problém :)
Miloš
Profil
pavel120
Může za to vykreslovací režim.
Přepni IE do standardu a vše bude OK (možná ti to ale rozhodí na stránce něco jiného).
Použij následující DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Pokud (dle mého zbytečně) trváš na quirku, můžeš to zalátat tak, že pro #nabidka li a přidáš výšku height: 1em;.
Ostatní prohlížeče to nerozhodí (ale klidně můžeš použít podmíněný komentář).
pavel120
Profil
Miloš
Díky, po přepnutí Internet Explorer do standardu již vše funguje tak jak má.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0