| Autor | Zpráva | ||
|---|---|---|---|
| David1256 Profil |
#1 · Zasláno: 20. 2. 2011, 15:34:34 · Upravil/a: David1256
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 |
#2 · Zasláno: 20. 2. 2011, 15:36:21 · Upravil/a: Enyeus
Zkus tam přidat ještě
ul.nav li {display:inline;} |
||
| David1256 Profil |
#3 · Zasláno: 20. 2. 2011, 15:43:05
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 |
#4 · Zasláno: 20. 2. 2011, 15:57:28
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 |
#5 · Zasláno: 20. 2. 2011, 15:59:38
Jestli nesmí, tak mám problém vyřešen a udělám to jinak.
|
||
| margin Profil * |
#6 · Zasláno: 20. 2. 2011, 16:00:30
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 |
#7 · Zasláno: 20. 2. 2011, 16:11:34
Ty bordery mi nefungují.
ul.nav li {
border-width:2px;
border-bottom-color:green;
} |
||
| pavuk Profil |
#8 · Zasláno: 20. 2. 2011, 16:25:54 · Upravil/a: pavuk
a co takhle zkusit
ul.nav li {
border-bottom-style: 2px solid green
} |
||
| David1256 Profil |
#9 · Zasláno: 20. 2. 2011, 16:36:28
Tím jsi zkrátil zápis to ano, ale pořád to nefujguje.
|
||
| margin Profil * |
#10 · Zasláno: 20. 2. 2011, 16:40:37
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 |
#11 · Zasláno: 20. 2. 2011, 16:52:15
Díky moc za vysvětlení, už to funguje, jak má.
|
||
|
Časová prodleva: 13 let
|
|||
0