Bei mir werden sie in keinem Browser nebeneinander angezeigt hab den code teil mal in eine leere Seite geschrieben dort geht es also liegt das Problem doch in meiner css datei .
Nein. Es liegt an deiner leeren Datei.
http://de.selfhtml.org/html/allgemein/grundgeruest.htm
Mein Grundgerüst ist ok daran liegt es nicht !
Da ich wieder nicht weiter komm versuch ichs mal mit dem kompletten Code das Menü übersteigt eigentlich schon mein Wissen fast kann für nen Profi also etwas chaotisch aussehen sitze da schon ne ganze weile dran:
Der Code der Seite:
.
..
...
</head>
<body>
<div id="menu">
<ul>
<li><h2>TESTTEXT</h2>
<ul>
<li><a><img src="1.png"></a></li>
<li><a href="http://www.bild2.de"><img src="safari.png">
</a><ahref="http://www.bild3.de"><img src="bodo.png"></a></li>
<li><a href="#"><img src="3.png"></a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
_________________________________________________________________________
CSS DATEI Code:
/* CSS Document */
#menu /* DIV Container in dem alles passiert*/
{
position: absolute;
top:500px;
left:54px;
width:260px;
height:120px;
float: left;
padding-top:0px;
border:0px solid;
}
#menu ul
{
list-style: none; /* Ohne Punkte vor den Listenpunkten*/
margin: 0;
padding: 0;
width: 260px; /*Button Länge*/
float: left;
}
#menu a, #menu h2
{
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 3px 0px; /*2 und 3 Standard*/
}
#menu h2 /*Unterster Button*/
{
color: #FF8635;
background-image:url(StartButtonTransparent.jpg); /*STARTBUTTON*/
background-position: bottom;
background-repeat: no-repeat;
text-transform: uppercase;
}
#menu a /*sind die Submenüs*/
{
color: #000;
background: #efefef;
text-decoration: none;
padding: 0px 0px;
border-width: 0px;
}
#menu a:hover /*Submenü Mouseover*/
{
color: #a00;
background: #fff;
}
#menu li
{
position: relative;
}
#menu ul ul
{
position: absolute;
z-index: 500;
bottom:21px;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;
}
Meiner Meinung nacht fehlt etwas in #Menu li damit das Bild nicht in die Zeile 2 rutscht aber wie ich das mache ist wiederum die Frage.