Autor Zpráva
David1256
Profil
Dobrý den, nevíte jak tu odstranit mezery mezi jednotlivými <li> v IE? Samozřejmě jiným způsobem než vymazat ty <img> mezi <li>, ty tam být musí. Zkrátka, aby to v IE vypadalo jako v ostatních prohlížečích.
Zde je kód:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>ahoj</title>
<style>
ul.nav a{
color:white;
display:block;
background-color:red;
}
 
ul.nav{
width:234px;
 padding:0;
 margin:0;
}
</style>

</head>
<body>
<ul class="nav">
       <li><a href="index.php">1</a></li>
       <img src="hr.jpg">
       <li><a href="#">2</a></li>
       <img src="hr.jpg">
       <li><a href="#">3</a></li>
       <img src="hr.jpg">
       <li><a href="#">4</a></li>
       <img src="hr.jpg">
       <li><a href="#">5</a></li>
     </ul>

</body>
</html>
Enyeus
Profil
Zkus tam přidat ještě
ul.nav li {display:inline;}
David1256
Profil
Pořád nic. To, co mi radíš jsem tam měl, ale celý kód jsem zjednodušil, aby se lépe našla chyba.
Kcko
Profil
David1256:
azat ty <img> mezi <li>, ty tam být musí
Ne nemusí a řekl bych že dokonce ani nesmí. Proč cpete do UL-ka něco navíc krom <li>?
David1256
Profil
Jestli nesmí, tak mám problém vyřešen a udělám to jinak.
margin
Profil *
David1256:
Samozřejmě jiným způsobem než vymazat ty <img> mezi <li>, ty tam být musí.
Nevíš, jak v létě postavit sněhuláka. Samozřejmě s letního sněhu a tak, aby neroztál.

Proč, místo prasárny nepoužiješ border-bottom? Pokud chceš mít složitější obrázek z Adobe Photoshop CS4, tak použij backdround.
David1256
Profil
Ty bordery mi nefungují.
ul.nav li {
border-width:2px;
border-bottom-color:green;
}
pavuk
Profil
a co takhle zkusit
ul.nav li {
border-bottom-style: 2px solid green
}
?
David1256
Profil
Tím jsi zkrátil zápis to ano, ale pořád to nefujguje.
margin
Profil *
David1256:
Ty bordery mi nefungují.
Fungují přesně podle specifikace, nikde nemáš border-style, proto se použije výchozí hodnota a tou je "none".

Hádej, co udělá tohle, příklady se chovají podle specifikace:
ul.nav li {
border-width:10px;
border-style: solid;
border-bottom-color:green;
}

Nebo třeba tohle:
ul.nav li {
border-bottom-width: 10px;
border-style: solid;
border-bottom-color:green;
}


Takže takto:
ul.nav li {
border-width:10px;
border-bottom-style: solid;
border-color:green;
}

Nebo takto:
ul.nav li {
border-bottom: 10px solid green;
}

Použil jsem záměrně 10px, aby chování rámečků bylo dobře vidět. Rozměr si uprav.
David1256
Profil
Díky moc za vysvětlení, už to funguje, 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: