nicht angemeldet
Manche Buttons der Navigationsleiste verschwinden beim Mouseout
Hey Leute!
Hab folgendes Problem und zwar habe ich mir mit dem Programm VistaButtons eine horizontale Navigationsleiste mit 6 Buttons erstellt von denen 4 ein Untermenü besitzen. Das Programm erstellt beim speichern nun sämtliche Bilddateien, sowie eine Js-Datei, eine CSS-Datei und den HTML-Code zum einbinden in die Page. Nun habe ich den HTML Code auf meiner Page eingebunden und alle Dateien bei meinem Homepageanbieter hochgeladen, bei dem die Dateien getrennt werden (Bilder in den sogenannten Bilderordner, JS und CSS Dateien in den sogenannten HTML Ordner). Da sich nun die Speicherorte der Dateien geändert haben, habe ich in der JS-Datei und im HTML Code sämtliche Quellenangaben ausgebessert die ich finden konnte. Rufe ich nun meine Page auf wird die Navigationsleiste korrekt angezeigt. Scrolle ich mit der Maus auf die Buttons die kein Untermenü enthalten und gehe von diesen wieder herunter funktioniert alles einwandfrei und die Buttons bleiben sichtbar. Ziehe ich die Maus auf einen der Buttons mit Untermenü bleibt er auch noch sichtbar, scrolle ich jedoch wieder herunter verschwindet der Button und ich erhalte ein leeres Kästchen welches anzeigt dass das Bild fehlt. Hier könnt ihr euch das mal anschauen:
http://timmey666.npage.de/links_23575341.html
Hier mein HTML-Code der Seite:
<head><!-- Begin Vista-Buttons.com -->
<script type="text/javascript"> var vbImgPath="menu-files/"</script>
<script type="text/javascript" src="menu-files/scsnyu3.js"></script>
<noscript>
<a href="http://vista-buttons.com">Html Buttons Gif by Vista-Buttons.com v2.79</a></noscript>
<!-- End Vista-Buttons.com --><head>
<html><body>
<!-- Begin Vista-Buttons.com -->
<link href="http://file1.npage.de/002303/18/html/styles_cpvwm.css" type="text/css" rel="stylesheet"/>
<ul id="vbUL_dpvwm" class="vbULcpvwm" style="visibility:hidden;">
<li><a href="http://timmey666.npage.de/_mitglieder_92668020.html" title="Mitglieder " target="_self">Mitglieder </a></li>
<li><a href="http://timmey666.npage.de/biographie_27286222.html" title="Biographie" target="_self">Biographie</a></li>
<li><a href="http://timmey666.npage.de/diskographie_64269647.html" title="Diskographie" target="_self">Diskographie</a></li></ul>
<ul id="vbUL_qpvwm" class="vbULcpvwm" style="visibility:hidden;">
<li><a href="http://timmey666.npage.de/bilder_71110842.html" title="Bilder " target="_self">Bilder </a></li>
<li><a href="http://timmey666.npage.de/videos_65305281.html" title="Videos" target="_self">Videos</a></li></ul>
<ul id="vbUL_mpvwm" class="vbULcpvwm" style="visibility:hidden;">
<li><a href="http://insane-clarity.npage.de/guestbook.html" title="Gästebuch " target="_blank">Gästebuch </a></li>
<li><a href="http://timmey666.npage.de/linkliste.html" title="Links" target="_blank">Links</a></li>
<li><a href="http://timmey666.npage.de/_forum_44798300.html" title="Forum" target="_blank">Forum</a></li></ul>
<ul id="vbUL_5pvwm" class="vbULcpvwm" style="visibility:hidden;">
<li><a title="Mail an die Band">Mail an die Band</a></li>
<li><a title="Impressum">Impressum</a></li></ul>
<script type="text/javascript" src="http://file1.npage.de/002303/18/html/sccpvwm.js"></script>
<table id="vista-buttons.com:idcpvwm" width=0 cellpadding=0 cellspacing=0 border=0><tr><td style="padding-right:0px" title =" Home ">
<a href="http://timmey666.npage.de/links_23575341.html" target="_self" onMouseOver='xpe("vbcpvwmo");' onMouseOut='xpe("vbcpvwmn");' onMouseDown='xpe("vbcpvwmc");'><img id="xpi_cpvwm" src="http://file1.npage.de/002303/18/bilder/btcpvwm_2.gif" name=vbcpvwm width="110" height="30" border=0 alt=" Home "></a></td><td style="padding-right:0px" title =" Band ">
<a onMouseOver='xpe("vbdpvwmo");xpshow("dpvwm",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("vbdpvwmc");'><img id="xpi_dpvwm" src="http://file1.npage.de/002303/18/bilder/btdpvwm_0.gif" name=vbdpvwm width="110" height="30" border=0 alt=" Band "></a></td><td style="padding-right:0px" title =" Live ">
<a href="http://timmey666.npage.de/live_76010998.html" target="_self" onMouseOver='xpe("vb7pvwmo");' onMouseOut='xpe("vb7pvwmn");' onMouseDown='xpe("vb7pvwmc");'><img id="xpi_7pvwm" src="http://file1.npage.de/002303/18/bilder/bt7pvwm_0.gif" name=vb7pvwm width="110" height="30" border=0 alt=" Live "></a></td><td style="padding-right:0px" title =" Media ">
<a onMouseOver='xpe("vbqpvwmo");xpshow("qpvwm",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("vbqpvwmc");'><img id="xpi_qpvwm" src="http://file1.npage.de/002303/18/bilder/btqpvwm_0.gif" name=vbqpvwm width="110" height="30" border=0 alt=" Media "></a></td><td style="padding-right:0px" title =" Community ">
<a onMouseOver='xpe("vbmpvwmo");xpshow("mpvwm",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("vbmpvwmc");'><img id="xpi_mpvwm" src="http://file1.npage.de/002303/18/bilder/btmpvwm_0.gif" name=vbmpvwm width="110" height="30" border=0 alt=" Community "></a></td><td style="padding-right:0px" title =" Kontakt ">
<a href="http://timmey666.npage.de/kontakt.html" target="_blank" onMouseOver='xpe("vb5pvwmo");xpshow("5pvwm",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("vb5pvwmc");'><img id="xpi_5pvwm" src="http://file1.npage.de/002303/18/bilder/bt5pvwm_0.gif" name=vb5pvwm width="110" height="30" border=0 alt=" Kontakt "></a></td></tr></table>
<noscript><a href="http://vista-buttons.com">Hover Buttons by Vista-Buttons.com v2.27</a></noscript>
<!-- End Vista-Buttons.com -->
Der Ordner auf dem Server in dem die Bilder gespeichert sind ist:
http://file1.npage.de/002303/18/bilder/
Hier ist der Link zu JS Datei:
http://file1.npage.de/002303/18/html/sccpvwm.js
Und hier der Link zu CSS-Datei:
http://file1.npage.de/002303/18/html/styles_cpvwm.css
Ich hoff ihr könnt mir sagen an welchen Stellen ich was noch ausbessern muss damit die Navigationsleiste richtig angezeigt wird?!
Vielen Dank schon mal im Voraus!!!
Tim
-
Mahlzeit timmey666,
Hier mein HTML-Code der Seite:
... den Du bitte schleunigst validieren möchtest!
1. Es fehlt die Angabe eines Dokumenttyps.
2. Es fehlt ein <html>-Element.
<head><!-- Begin Vista-Buttons.com -->
<script type="text/javascript"> var vbImgPath="menu-files/"</script>
<script type="text/javascript" src="menu-files/scsnyu3.js"></script>
<noscript>
<a href="http://vista-buttons.com">Html Buttons Gif by Vista-Buttons.com v2.79</a></noscript>3. Spätestens durch das <a> wird implizit ein <body> geöffnet.
<!-- End Vista-Buttons.com --><head>
4. Noch ein <head>?
<html><body>
5. Ach? Jetzt doch <html> und <body>?
Ich hoff ihr könnt mir sagen an welchen Stellen ich was noch ausbessern muss damit die Navigationsleiste richtig angezeigt wird?!
Produziere validen Code. Schreibe HTML-Attribute klein. Nutze statt überflüssiger "onmouseover"- und "onmouseout"-Attributen bei Links sinnvollerweise entsprechende http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=CSS-Pseudoklassen.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|-
Leider hab ich keine Ahnung was mir das alles sagen will.ich hab die Codes aus den Programm rauskopiert wie sie erstellt wurden. Abgesehen davon bringt mich dieses validieren kein Stück im Problem mit meiner Navileiste voran.
-
Hi,
Leider hab ich keine Ahnung was mir das alles sagen will.
Dann besorge dir etwas mehr Grundlagenwissen im Umgang mit den Techniken HTML und CSS.
ich hab die Codes aus den Programm rauskopiert wie sie erstellt wurden.
Das Programm erzeugt ereits fehlerhaften Code.
Abgesehen davon bringt mich dieses validieren kein Stück im Problem mit meiner Navileiste voran.
Heisst das, du hast bereits alle Fehler beseitigt, und das Problem besteht weiterhin? Dann zeige bitte den fehlerbereinigten Code - bevorzugt als Online-Beispiel.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak. -
Mahlzeit timmey666,
Leider hab ich keine Ahnung was mir das alles sagen will.
[Was genau} ist Dein Problem?
ich hab die Codes aus den Programm rauskopiert wie sie erstellt wurden.
Das mag sein - Du hast sie allerdings an einer vollkommen falschen Stelle in Dein HTML-Dokument eingefügt ... vermutlich, weil Dir absolute Grundlagen fehlen.
Abgesehen davon bringt mich dieses validieren kein Stück im Problem mit meiner Navileiste voran.
Wollen wir wetten, dass dem doch so ist?
Die Grundlage von ABSOLUT ALLEM im Bereich "Webseiten-Gefrickel" ist valider, fehlerfreier HTML-Code. Wenn der HTML-Code nicht in Ordnung ist, zwingst Du den Browser dazu, zu raten, was Du eigentlich meinst. Und sobald ein Browser raten muss, sind die Ergebnisse seiner Arbeit nicht mehr vorhersagbar - insbesondere kann es sein, dass bestimmte Konstruktionen nicht mehr vernünftig angezeigt werden, dass sich das Verhalten von Elementen ändert, dass (Javascript-)Code, der auf diese Elemente zugreift bzw. auf ihnen beruht, nicht mehr oder nicht richtig funktioniert usw. ...
Glaube einfach den Leuten, die schon länger dabei sind, dass es sinnvoll ist, eine stabile und korrekte Grundlag zu schaffen, bevor man hier und da an der Optik bastelt oder an Zuckertürmchen baut.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:](http://forum.de.selfhtml.org/hilfe/charta.htm#tipps-fuer-fragende) zu:) fl:{ ss:) ls:& js:|
-
-