HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » Forum

Firefox Menüleiste - JavaScript Forum

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Firefox Menüleiste

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema: Inhalte Tabellen-Zeile ändern
Nächstes Thema: Per Javascript Dateien speichern?  
Autor Nachricht
markus79



Anmeldungsdatum: 14.03.2006
Beiträge: 2

BeitragVerfasst am: 27.03.2006 16:20:49    Titel: Firefox Menüleiste Antworten mit Zitat

Hallo hab mir eine Menüleiste gebaut die leider nur der IE sauber darstellen kann, da es mit Java Script funktioniert nun würde ich gerne noch das ganze auf den firefox portieren gibt es da Möglichkeiten das JS zu umgehen.
hier der Code:

<script type="text/javascript">

if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onclick=einblenden; LI.onmouseover =ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}

function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}

function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "black";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}

window.onload=hoverIE;
}
</script>


<style type="text/css">
body {color: black;
background: #6688FF;
}

ul#Navigation {
width: 10em;
margin: 0; padding: 0.1em;

background-color: #6688FF; //
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 11.6em;
width: 10em;
padding-left: 0;
padding-left: 0;
}
ul#Navigation li {
list-style: none;
margin: 1em; padding: 0;
}

ul#Navigation li ul {
margin: 0 0 0 1.5em; padding: 0.2em;
}
ul#Navigation li ul li {
margin: 0 0;
}
* html ul#Navigation li ul li { /* Korrektur fuer IE 5.x */
margin-left: 1em;
ma\rgin-left: 0;
}

ul#Navigation a {
display:block;
padding: 0.3em;
text-decoration: none; font-weight: bold;
font-family:sans-serif;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: #000033; background-color: #5566FF ;
}
* html ul#Navigation a {
width: 100%; /* Breitenangabe fuer IE 5.x */
wIdth: 8.8em; /* Breitenangabe fuer IE 6 */
}
* html ul#Navigation li ul li a {
width: 100%; /* Breitenangabe fuer IE 5.x */
width: 7.8em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: #black; background-color: #3388FF;
}

ul#Navigation li>ul {
display: none; top: 1.6em;
}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
display block;
}

</style>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Ähnliche Beiträge
Thema Autor Forum Antworten Verfasst am
Keine neuen Beiträge Problem mit Links im Inlineframe und ... Waltherie HTML 0 01.12.2009 21:30:34 Letzten Beitrag anzeigen
Keine neuen Beiträge Darstellungsprobleme IE - Firefox roc... wimpi82 CSS 0 01.11.2009 17:24:32 Letzten Beitrag anzeigen
Keine neuen Beiträge Firefox-IE html Anzeigeprobleme marrie JavaScript 2 17.10.2009 15:26:02 Letzten Beitrag anzeigen
Keine neuen Beiträge Internet Explorer - Firefox Formulare Shiva HTML 1 05.08.2009 09:06:54 Letzten Beitrag anzeigen
Keine neuen Beiträge Fehlerhafte Darstellung im Firefox Konair CSS 8 08.07.2009 16:18:14 Letzten Beitrag anzeigen