Ich habe durch ne externe CSS-datei ein Popup-Menü formatiert:
Fun Color DRUCK - Wir bedrucken fast alles!
Allerdings werden die aufklappbaren Untermenüs von den Buttons & dem Text darunter überlappt. Hier ist das Stylesheet: http://www.pic-ture.de/funcolor/fun-color.html . Ich habe der UL-Klasse, die als Popup erscheint, schon einen höheren z-index verpasst, aber es geht trotzdem nicht.
danke schonmal!
Linda
also ich hab das für nen Kunden ähnlich gelöst.
<div class="menu">
<ul>
<li>
<a class="hide" href="ausbilden_0.php">Ausbildung</a>
<!--[if lte IE 6]>
<a href="layouts/index.php">LAYOUTS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="ausbilden_ber.php">Berufe</a></li>
<li><a href="ausbilden_ausag.php">"die guten Geister"</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]--> </li>
.menu {
font-family:arial, sans-serif;
width:156px;
height:150px;
position:relative;
margin:0;
margin:50px 0;
font-size:0.8em;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#0043cc;
width:156px;
text-align:center;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#e7f2ff;
line-height:16px;
margin-left:15px;
font-size:0.9em;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
margin-right:1px;
position:relative;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#0043cc;
background:#cfffd9;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:0; left:157px;
width:105px;
}
.menu ul li:hover ul li a {
display:block;
background:#e7f2ff;
color:#0043cc;
width:150px;
}
.menu ul li:hover ul li a:hover {
background:#cfffd9;
color:#0043cc;
}
du hast aber auch einen(zumindest) Fehler in deiner CSS statt li hast du il geschrieben
[CODE]ul, il, a {
display:block;
margin:1px;
padding:1px;
border:0px;
font-family:arial,tahoma,verdana,helvetica;
font-size:17px;
width:120px;
}
[/CODE]