UL - list-style wird nicht angezeigt....
burakko
- css
Hallo Leute,
hab ein Problem mit einer eigentlich simplen Sache.
Ich habe eine Navigationsleiste wie unten im Code angegeben. Hier wird der list-style einfach nicht angezeigt. Außerhalb der "navi"-DIV's wird alles regelkonform angezeigt. Bitte um Hilfe...
HTML-Code:
<div id="navi">
<ul>
<li>Home</li>
<li>Vision</li>
<li>Mitgliedschaft</li>
<li>Publikationen</li>
<li>CRM-Symposium</li>
<li>Kooperationen</li>
<li>Lehrstuhl</li>
<li>Archiv</li>
</ul>
<div id="navi_l"></div>
<div id="navi_pix"></div><!-- Ende: navi_pix -->
<div id="navi_r"></div>
</div><!-- Ende: navi -->
CSS-Code:
#navi {
width:1000px;
height:30px;
float:right;
margin:13px 0 0 0;
}
#navi_l, #navi_r {height:30px; float:left; width:5px;}
#navi_l {background:url(../images/navi_left.png) no-repeat left;}
#navi_r {background:url(../images/navi_right.png) no-repeat left;}
#navi_pix {background:url(../images/navi_pix.png) repeat-x; width:990px; height:30px; float:left;}
#navi ul {
position:absolute;
margin:4px 0 0 10px;
color:#FFF;
list-style:disc outside;
}
#navi ul li {
display:inline;
margin:0 30px 0 0;
text-shadow:1px 1px 1px #999;
list-style:disc;
}
Hi,
Ich habe eine Navigationsleiste wie unten im Code angegeben. Hier wird der list-style einfach nicht angezeigt.
Eine List-Style-Grafik oder einen Bullet-Punkt bekommst du nur bei Listenelementen angezeigt.
#navi ul li {
display:inline;
Dummerweise sorgst du hier dafür, dass die LI nicht mehr als Listenelemente dargestellt werden ...
MfG ChrisB
Grüße,
#navi ul li {
display:inline;Dummerweise sorgst du hier dafür, dass die LI nicht mehr als Listenelemente dargestellt werden ...
tipp: float:left tut es
MFG
bleicher