nicht angemeldet
Hi, jetzt muss ich leider noch einmal kurz stören. Hab die Navigationsboxen, die aus DIV’s bestanden nun mit <li> realisiert. Die Box an sich sieht nun auch gleich aus, nur dass die gesamte Box total komisch platziert ist auf der Seite, wie hier zu sehen:
http://www.yamuk.com/servlet/start.jsp?cms=hilfe
Die zweite Box von oben ist mit <li> erstellt.
Die erste mit <div>
Die anderen noch mit Tabellen
<!-- Navibox Start -->
<div id="navibox_big">
<div id="navibox_big_head">
<p class="navibox_text">Verwandte Themen</p>
</div>
<div id="navibox_big_list">
Link 1
</div>
<div id="navibox_big_list">
Link 2
</div>
<div id="navibox_big_foot">
</div>
</div>
<!-- Navibox End -->
Im Gegensatz dazu mit <li>
<!-- Navibox Start -->
<div id="naviboxneu">
<ul class="navibox">
<li class="navilisthead"><p class="navibox_text">Vorsicht!</p></li>
<li class="navilist> Link 1</li>
<li class="navilist> Link 2</li>
<li class="navilistbottom"></li>
</ul>
</div>
<!-- Navibox End -->
############################################
CSS
ul.navibox {width:200px;}
li.navilisthead {padding:0px; margin:0px; background-image:url(../layout_0/navibox_big_head.gif); background-repeat:no-repeat; height:18px; list-style-type:none;}
li.navilist { padding:0px; list-style-type:none; background-image:url(../layout_0/navibox_big_list.gif); background-repeat:no-repeat; height:20px;}
li.navilistbottom { margin:0px; padding:0px; background-image:url(../layout_0/navibox_big_foot.gif); background-repeat:no-repeat; height:15px; list-style-type:none;}
#navibox_big {width:200px;}
#navibox_big_head {width:200px; background-image:url(../layout_0/navibox_big_head.gif); background-repeat:no-repeat; height:15px; margin-bottom:1px;}
#navibox_big_main {width:200px; padding:6px; background-image:url(../layout_0/navibox_big_main.gif); text-align:left; background-repeat:no-repeat;}
#navibox_big_list {width:200px; background-image:url(../layout_0/navibox_big_list.gif); text-align:left; background-repeat:no-repeat; height:20px;}
#navibox_big_foot {width:200px; background-image:url(../layout_0/navibox_big_foot.gif); height:16px; background-repeat:no-repeat; margin-bottom:10px;}
Grüße