mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 10:30 Benutzername: Passwort: Auto-Login

Thema: Problem mit Dropdown-menü und transparents vom 13.08.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit Dropdown-menü und transparents
Autor Nachricht
Amy666
Threadersteller

Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht: Weiblich
Verfasst Mi 13.08.2008 13:57
Titel

Problem mit Dropdown-menü und transparents

Antworten mit Zitat Zum Seitenanfang

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 */
  View user's profile Private Nachricht senden
koshie

Dabei seit: 29.06.2007
Ort: Unter der Brücke
Alter: -
Geschlecht: Männlich
Verfasst Do 14.08.2008 13:05
Titel

Antworten mit Zitat Zum Seitenanfang

Oder gib dem li ul li a mal ne hintergrund-farbe oder bild.

Zuletzt bearbeitet von koshie am Do 14.08.2008 13:08, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Problem Dropdown Menü im Firefox [gelöst]
[TYPO3] Problem mit einem DropDown Menü
Dropdown Menü
[FLASH] DropDown Menü
DropDown Menü verschwindet
IE Fehler bei DropDown Menü
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.