Grille
Erfahrenes Mitglied
Hallo,
ich habe eine automatisch generierte Liste, die css-Formatiert meine Navigation bildet (horizontal). Diese befindet sich in einer DIV-box ...
Ich möchte nun, dass alle Buttons rechtsbündig angezeigt werden, hatte aber mit "text-algin: right;" auf meine DIV-box nur wenig Erfolg.
HTML
eigentlich soll die "dropnav" in der "menu_box" auf die rechte Seite. Aber das einfügen von "text-align: right;" bringt nichts.
CSS
ich habe eine automatisch generierte Liste, die css-Formatiert meine Navigation bildet (horizontal). Diese befindet sich in einer DIV-box ...
Ich möchte nun, dass alle Buttons rechtsbündig angezeigt werden, hatte aber mit "text-algin: right;" auf meine DIV-box nur wenig Erfolg.
HTML
HTML:
<div id="menu_box">
<div class="dropnav">
<ul>
<li><a href="index.php?id=6" title="eins" >ERSTE</a></li>
<li><a href="index.php?id=6" title="zwei" >ZWEITE</a></li>
<li><a href="index.php?id=6" title="drei" >DRITTE</a></li>
</ul>
</div>
</div>
eigentlich soll die "dropnav" in der "menu_box" auf die rechte Seite. Aber das einfügen von "text-align: right;" bringt nichts.
CSS
HTML:
#menu_box {
width: 416px;
padding: 30px 0px 0px 150px;
text-align: right;
}
.dropnav {
white-space:nowrap /*IE hack*/;
float:left;
border:none;
margin:0px 0px 0px auto;
font-size:0.8em;
}
.dropnav ul {
list-style-type:none;
}
/*erste Ebene nicht aktiv*/
.dropnav ul li {
background: url("/fileadmin/templates/img/basic/button_bg_ia.png") #111 repeat-x;
float:left;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
margin:0px 1px
}