mmh ist ja eigentlich kein Menü, daher erscheint es mir nicht so sinvoll mit listen zu arbeiten?!
Hab trotzdem einmal neu angefangen und bin soweit gekommen:
HTML-Code:
<div class="BodyElement" style="height:45px;">
<div class="menu_a1"><a href="#" class="noarrow menupic" style="float:left; margin-left: 0.6em"><img src="mfiles/img/menu.gif" style="width: 40px; margin-top:0.5em "></a></div>
<div class="menu_a2"><a href="/index.php" id="navBrandneu" class="Navigation">brandneu</a><div>
</div>
Code:
.menu_a1{
height:45px;
width:5em;
border-top-right-radius: 22.5px;
border-bottom-right-radius: 22.5px;
background-color:#FFD407;
}
.menu_a2{
height:45px;
width:15em;
border-top-right-radius: 22.5px;
border-bottom-right-radius: 22.5px;
background-color:#D40000;
}
Das Problem ist das die untereinander dargestellt werden und nicht übereinander oder nebeneinander.
Dafür sind Div Container ja auch ausgelegt. nur wie ändere ich das?
----
Edit:
Nebeneinander & überlappt hab ich sie jetzt mit margin und float:left.
Der 1. Breich mit dem button ist nur leider unter dem 2. wie ordne ich die in der Z Achse an?