nicht angemeldet
Listen mit Unterpunkten
0 
JürgenB
0
Listen mit Unterpunkten
Hallo zusammen,
ich sitze schon den ganzen Tag vor einem Problem. Ich habe folgendes Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
UL{
list-style: none;
margin:0px;
padding:0px;
}
LI{
list-style: none;
margin-bottom:1px;
padding:0px;
background-color:#0066FF;
}
</style>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li>Link1</li>
<ol>
<li>Link1.1</li>
</ol>
<li>Link2</li>
</ul></td>
</tr>
</table>
</body>
</html>
Die Anzeige im FF und im IE ist sehr unterschiedlich. Ich brauche im Prinzip eine Mischung aus beiden und bekomme das einfach nicht hin.
Im FF wird zwischen den Links jeweils 1px Platz gelassen. Im IE fehlt der Platz zwischen dem ersten Link und dem Unterlink. Da zeigt der FF es so an, wie ich es brauche. Dafür ist beim IE der gesammte Unterlink blau hinterlegt, so wie ich es haben will, im FF jedoch nicht. Was ich bei beiden nicht hinkriege ist, dass der Unterlink weiter nach links rückt, so 10px ca. Kann mir jemand auf die Sprünge helfen, bevor ich noch einen Tag damit verbringe?
-
Hallo Helmut,
ich weiß nicht, ob das Dein Problem löst, aber
<td><ul>
<li>Link1</li>
<ol>
<li>Link1.1</li>
</ol>
<li>Link2</li>
</ul></td>ist nicht richtig. Listen in Listen müssen innerhalb von <li> und </li> stehen, also:
<ul> <li>Link1</li> <li>Link2 <ol> <li>Link 21</li> <li>Link 22</li> </ol></li> <li>Link3</li> </ul>Gruß, Jürgen
-
<ul>
<li>Link1</li>
<li>Link2
<ol>
<li>Link 21</li>
<li>Link 22</li>
</ol></li>
<li>Link3</li>
</ul>> Vielen Dank erstmal. Das bringt mich schonmal ein Stück weiter. Das einzige was ich jetzt nicht hinbekomme ist, dass zwischen den Links 21 und 22 ein Freiraum von 1px Breite ist.-
Hallo,
<ul>
<li>Link1</li>
<li>Link2
<ol>
<li>Link 21</li>
<li>Link 22</li>
</ol></li>
<li>Link3</li>
</ul>> > > Vielen Dank erstmal. Das bringt mich schonmal ein Stück weiter. Das einzige was ich jetzt nicht hinbekomme ist, dass zwischen den Links 21 und 22 ein Freiraum von 1px Breite ist. Doch der margin-bottom von 1px für die LI-Elemente, entsprechend Deinem CSS, ist schon da. Setze mal background-color für die OL-Elemente, dann siehst Du ihn auch. viele Grüße Axel
-
-
-
Hi!
Problem hat ja schon mein Vorredner gelöst.
Aber da du ja Firefox hast, empfehle ich dir ein sehr hilfreiches Plugin:
HTML-TidyDas Plugin ist zwar nicht perfekt, aber hätte deinen Fehler sofort gefunden. Ich kann ohne jedenfalls nicht mehr leben.
Cheers, Ingo =;->