Hoverproblem

[webber979]

Hi Leute hab ein Problem.
Ich möchte erreichen das Beim Hovern des tutorialsbildes eine Liste herrunterkommt wie bei CHIP Online - Deutschlands Webseite Nr. 1 fr Computer, Handy und Home Entertainment
im Moment stehen die sachen di runterkommen sollen schon da könnt ihr mir helfen?
Wäre echt dankbar

<div id="divid1" class="examplediv">
<ul id="navi">
  <a href="tutorials.html"><img src="musicdiTutorials.gif" alt="Tutorials" name="TutorialsM" width="120" height="28" border="0" onMouseOver="BildwechselTutorials(1);" onMouseOut="BildwechselTutorials(-1);" /></a>
<ul>
      <li><a href="#">Link d</a></li>
      <li><a href="#">Link e</a></li>
      <li><a href="#">Link f</a></li>
    </ul>
  </li>
</ul>
</div>

und die css

   #navi, #navi ul {
                  list-style-type:none; margin:0; padding:0;
                  
                  }

                  #navi li { width:128px; float:left; }

                  #navi li ul { display:none; }
                    #navi li:hover ul { display:block; }

                  body { behavior:url("csshover.htc"); }

                  #divid1
                  {
                  margin-top:-32px;
                  margin-left:233px;
                  position:absolute;
                  z-index:1; }

 

[threadi]

Du hast in deinem HTML-Code innerhalb der ersten <ul>-Liste noch einen <li>-Punkt vergessen. Ohne den ist dein Code nicht valide.

Dein CSS-Code ist ansonsten syntaktisch korrekt. Auch sollte er eigentlich auch ein ausklappendes Menü erzeugen. Wo ist das Problem? Zeig mal einen Link?

 

[webber979]

Vielen Dank thredi echt.
Das funktioniert jetzt auch.
Aber es gibt ein neues Problem.
Im Firefox browser. ist das Bild das gehovert werden soll ca. 3px nach unten verschoben. und zwischen der Liste die auftaucht und dem Bild sind ca. 3px Abstand.
Da ich neben dem Tutorialsbild noch witere Linkbilder habe sieh das recht komisch aus.
Im Safaribrowser hingegen funktioniert es.
Wie kommt das ?

 

[threadi]

Zeig mal einen Link zur betreffenden Webseite, dann könnte man sich das dort direkt anschauen. So wäre es nur ein Ratespiel.

 

[webber979]

Hallo hab jetzt auf webber979.we.funpic.de was hochgeladen.
Es sieht sehr komisch aus desshalb guck einfach: Es gibt einen Tuorialbutton und dadrüber links um 2px ein (leider nicht gut sehbarere anderer Button.)
Und wenn du über Tutorials gehst ist ein abstand von 2px z der Liste. Am besten du vergleichst das Mit Safari dann erkennst du den Unterschied.

 

[threadi]

Diese Seite sieht sehr merkwürdig aus, besonders wegen der fehlenden Bilder. Das Menü dort würde ich so formulieren wie man Menüs definiert: mit einer <ul>-Liste, ohne <div>'s. Siehe:
Drop-Down-Navigationsmenü mit CSS und (fast) ohne Javascript - Tutorial
Dort erhältst Du auch eine Beschreibung wie man die Untermenüs gestalten kann.