nicht angemeldet
Guten Tag!
Zwischen Listen-Elementen welche durch display:inline; horizontal
ausgerichtet werden, findet sich ein Abstand, welcher für mich
nicht erklärbar ist.
Alle erdenklichen Ursachen wurden schon auf "0" bzw. "none" gesetzt.
Fehlerbeschreibung: Nach jedem <li> Element entsteht offensichtlich
ein Abstand von ca. 2px Breite, der den Hintergrund
des <ul> durchscheinen lässt.
Getestet mit: Iceweasel (Firefox) 3.0.6
Konqueror 3.5.9
Bitte _nicht_ display:block; float:left;
empfehlen, da die einzelnen <li> Elemente dynamisch die
Breite des beinhalteten Textes annehmen sollen.
Danke!
Blendi
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style type="text/css">
<!--
html
{
margin:0px;
padding:0px;
}
body
{
font-family:arial;
font-size:10pt;
margin:0px;
padding:0px;
background-color:lightgreen;
}
.ul_main
{
text-align:left;
border-width:0px;
border-style:none;
padding:0px;
margin:0px;
background-color:red;
}
.ul_main li
{
display:inline;
border-width:0px;
border-style:none;
padding:0px;
margin:0px;
background-color:blue;
list-style-type:none;
text-indent:0px;
white-space:nowrap;
}
-->
</style>
</head>
<body>
<ul class="ul_main">
<li><a href="#">aaa</a></li>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
<li><a href="#">ddd</a></li>
<li><a href="#">eee</a></li>
<li><a href="#">fff</a></li>
<li><a href="#">ggg</a></li>
<li><a href="#">hhh</a></li>
<li><a href="#">iii</a></li>
</ul>
</body>
</html>
Gunnar Bittersmann