Amy666
Threadersteller
Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mi 13.08.2008 13:57
Titel Problem mit Dropdown-menü und transparents |
|
|
Ich habe Probleme mit meiner Navigation, bzw. mit deren Darstellung:
1. die sub-menüs sind transparent, dadurch kann man nichts mehr erkennen vom text (welcher Text gibt das an)
2. die menüs liegen unter den Bildern (sind sehr schlecht bis gar nicht zu erkennen) -könnte das daran liegen, das dass menü in der vorlage erstellt wurde und die bilder keine vorlage mehr sind
3. man kann nicht auf die sub-menüs zugreifen (sie schließen sich bereits bevor man mit der maus drauf gehn kann)
viele Probleme bitte wer kann helfen
kann momentan leider keine bilder hochladen, hoffe der code hilft auch
Code: | <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList; |
Code: | body {
font: normal 11px verdana;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 218px; /* Width of Menu Items */
height:35px;
border-bottom: 0px solid #ccc;
text-align:left;
}
ul li {
position: relative;
top: -5px;
}
li ul {
position: absolute;
left: 217px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul li a {
border-left:0px solid #ccc; border-right:0px solid #ccc; border-top:0px solid #ccc; display: block;
text-decoration: none;
padding:10px;
color: #fff;
background: #fff; /* IE6 Bug */
border-bottom: 0px none;
background:url(../img_web/button2.png);
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul li a:hover { color: #fff; background: url(../img_web/button2-over.png); } /* Hover Styles */
li ul li a { padding: 2px 10px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */ |
|
|