nicht angemeldet
<ul> none-listing mit Abstand zwischen <ul> und erstem <li>
Hallo,
ich bastele gerade an einer horziontalen Auflistung mit CSS "list-style: none;", habe jedoch das Problem, dass zwischen der ersten <li> Auflistung und dem <ul> border ein Abstand besteht und somit die gewünschte <ul>-Gesamtbreite "width: 900px;" auf 942px wächst.
<!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>
</head>
<body>
<ul id="features">
<li>
</li>
</ul>
<style type="text/css">
#features {list-style: none; width: 900px; height: 20px; border: 1px solid #000;}
#features li { border: 1px solid #F00; width: 15px; height: 15px;}
</style>
</body>
</html>
Es sieht so aus als ob das erste <li> den typischen Abstand einer Aufzählung aufweist. Jedoch möchte ich, dass <li> ohne Abstand zum <ul> Rand dargestellt wird.
Kann mir da jemand helfen?
Vielen Dank
Robin
-
Tachchen!
<ul id="features">
<li>
</li>
</ul><style type="text/css">
#features {list-style: none; width: 900px; height: 20px; border: 1px solid #000;}
#features li { border: 1px solid #F00; width: 15px; height: 15px;}
</style>1. Kann es sein, dass da Angaben fehlen? So wird das keine horizontale Liste.
2. Offensichtlich hast du den Innenabstand der Liste nicht festgelegt.
Gruß
Die schwarze Piste
-
Hallo,
ul { margin-left:0; padding-left:0}https://developer.mozilla.org/en/Consistent_List_Indentation
j.j.