Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: CSS Hovermenü

  1. #1
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Frage CSS Hovermenü

    Ich hab mal ne frage:
    Ich habe auf meiner Seite ein CSS Menü. Da aber der FF das nicht so frisst, würde ich gerne wissen, wie das genau geht. Bisher ist das ganze mit onmosueover="src='asd'" und preload geregelt, doch Beim FF ist das problem, dass die bilder nur getauscht werden, wenn ich nicht auf der Schrift bin. Der opera tauscht es, doch wenn ich über einen Pixel der Schrift gehe, geht das bild wieder zurück.(daher das ganze entweder mit dem opera betrachten oder: opera-menü (ich kann für keine korrekte darstellung im FF oder IE garantieren). Der IE verhält sich änlich(daher auch: die seite mit dem IE besuchen oder: IE-Menü (auch hier keine korrekte darstellung im Opera oder FF). Danke schonmal im vorraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Tobse (21.05.2009 um 20:28 Uhr)
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  2. #2
    Kaiser(in)
    Themenstarter

    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Hovermenü

    weiss denn niemand was??
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  3. #3
    Macrosdesign
    Gast

    Standard AW: CSS Hovermenü

    ja ohne code ist schwierig wir können nicht hellsehen

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Hovermenü

    zudem: onmosueover="src='asd'" schaut eher nach javascript aus
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Kaiser(in)
    Themenstarter

    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Hovermenü

    @driver: ne andere möglichkeit hab ich nich gesehen.
    denn der CSS code div#menu {img:hover=src="";}
    kam mi etwas umständlich vor.
    @macrodesing:
    ich habe extra links zu den dateien gemacht...
    aber wenn du meinst:
    ie menu:
    Code:
    <html>
    <head>
    <title>Menü</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body background="bg.bmp" text="#CCCCCC" link="#808080" vlink="#808080" alink="#000000">
    <img src="bilder/menuheaderbg.bmp" />
    <br /><br />
    <div style="position:absolute; top:55px;">
          <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    <img src="bilder/menunorm_ie.png" preload="bilder/menumouse_ie.png" onmouseover="src='bilder/menumouse_ie.png'" onmouseout="src='bilder/menunorm_ie.png'" />
    </div>
    <div style="position:absolute; top:55px;">
          <a href="startseite.frame.html" target="inhalt">Startseite</a>
    <br /><a href="beitrag.frame.html" target="inhalt">Beitrag einsenden</a>
    <br /><a href="autoren.frame.html" target="inhalt">Tipps und Cheats Autoren</a>
    <br /><a href="impressum.frame.html" target="inhalt">Impressum</a>
    <br /><a href="downloads.frame.html" target=inhalt"">Downloads</a>
    <br /><a href="mailto:cheats-tn@online.de">Konatkt1</a>&nbsp<a href="kont2.frame.html" target="inhalt">Kontakt2</a>
    <br /><a>Seite funktioniert nicht?</a>
    <br /><a>-</a><a href="index.html" target="_top">Seite neu laden</a>
    <br /><a>-</a><a href="javascrip:self.close()">Fenster schliessen</a>
    <br /><a>Sie sind Besucher Nr.:</a>
    <br /><img src="http://www.andyhoppe.com/count/?id=1227544756" border="0" alt="Der Counter funktioniert bei dir nicht." />
    <br /><a href="bewerben.frame.html" target="inhalt"><img src="bilder/team.png" border="0" /></a></div>
    </body>
    </html>
    opera menü:
    Code:
    <html>
    <head>
    <title>Menü</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body background="bg.bmp" text="#CCCCCC" link="#808080" vlink="#808080" alink="#000000">
    <img src="bilder/menuheaderbg.bmp" />
    <br /><br />
    <div style="position:absolute; top:41px;">
          <img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    <br /><img src="bilder/menunorm.png" preload="bilder/menumouse.gif" onmouseout="src='bilder/menunorm.png'" onmouseover="src='bilder/menumouse.gif'" />
    </div>
    <div style="position:absolute; top:41px;">
          <a href="startseite.frame.html" target="inhalt">Startseite</a>
    <br /><a href="beitrag.frame.html" target="inhalt">Beitrag einsenden</a>
    <br /><a href="autoren.frame.html" target="inhalt">Tipps und Cheats Autoren</a>
    <br /><a href="impressum.frame.html" target="inhalt">Impressum</a>
    <br /><a href="downloads.frame.html" target=inhalt"">Downloads</a>
    <br /><a href="mailto:cheats-tn@online.de">Konatkt1</a>&nbsp<a href="kont2.frame.html" target="inhalt">Kontakt2</a>
    <br /><a>Seite funktioniert nicht richtig?</a>
    <br /><a>-</a><a href="index.html" target="_top">Seite neu laden</a>
    <br /><a>-</a><a href="javascrip:self.close()">Fenster schliessen</a>
    <br /><a>Sie sind Besucher Nr.:</a>
    <br /><img src="http://www.andyhoppe.com/count/?id=1227544756" border="0" alt="Der Counter funktioniert bei dir nicht." />
    <br /><a href="bewerben.frame.html" target="inhalt"><img src="bilder/team.png" border="0" /></a></div>
    </body>
    </html>
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  6. #6
    Macrosdesign
    Gast

    Standard AW: CSS Hovermenü

    einfach den link definieren in einem menü:

    a {width:100px;height:30px;background:url(bla.jpg);d isplay:block;}
    a:hover {background:url(bla2.jpg);}

    wo isn das so schwer???

  7. #7
    Kaiser(in)
    Themenstarter

    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Hovermenü

    Das hab ich mir auch schon gedacht. Aber wenn der surfer jetzt über die schrift geht, dann habe ich wieder das peoblem, dass der Breowser das hover-bild erst laden muss.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  8. #8
    Kaiser(in)
    Themenstarter

    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Hovermenü

    Und das hat keienn wert 1.: Der IE interpretiert das als einziger richtig
    2.: Mein - hat dann auch 100px länge,was zu einem zeilenumbruch führt
    3.: Mein Menü sit 200pixel breit die Grafik auch. Ich will die gan angezeigt haben, ohne zeilenumbruch
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  9. #9
    Teeny
    Registriert seit
    22.04.2009
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Hovermenü

    verstehe ich das richtig, dass du hintergrundbilder benutzt und darauf dann deine menü-links?

    versuch mal das:

    css-code:
    HTML-Code:
    a.menu { 
    background-image: url(bild.jpg);
    display:block;
    width: ...;
    height: ...;
    }
     
    a.menu:hover   { 
    background-image: url(bild-maus-drüber.jpg) 
    }
     
    p {
    margin: 0;
    padding: 0;
    }
    und in die html datei schreibst du das:
    HTML-Code:
    <body>
    <p><a class="menu" href="#">menü1</a></p>
    <p><a class="menu" href="#">menü2</a></p>
    ... 
    </body>
    ansonsten schau mal bei http://aktuell.de.selfhtml.org/artik.../mouseover/#a2 rein.

  10. #10
    Kaiser(in)
    Themenstarter

    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Hovermenü

    Ja, das stimmt. Aber auch hier ist das preload problem. Und wenn ich width auf die breite meines menüs setze, dann kommt in jedem browser was andres und und und. Und wenn ich es wie Macrodesing geesagt aht mache, dann wird das bil nur so weit angezeigt, wie die schrift. Daher die Idee mit den beiden divs
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Hovermenü will nicht so wie ich
    Von Abwesend im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 07.11.2006, 16:42

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •