1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Mouseover: Link durch Bild ersetzen

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Mac-Rookie, 01.11.05.

  1. Mac-Rookie

    Mac-Rookie Königsapfel

    Dabei seit:
    25.07.05
    Beiträge:
    1.204
    Hi!

    Folgendes: Ich möchte in NVU ein Script einsetzen, bei dem dann beim Mouseover der Internetlink durch ein *.jpg Bild ersetzt wird (die Linkadresse sollte logischerweise erhalten werden). Dieses Script sollte auf allen gängigen Browsern laufen.

    kann mir da wer mal helfen?

    Ich hoffe, dass der Thread hier richtig ist....

    lg

    Mac-Rookie
     
  2. MACRASSI

    MACRASSI Gelbe Schleswiger Reinette

    Dabei seit:
    21.11.04
    Beiträge:
    1.754
    Hi!
    Du könntest das mit CSS machen:

    PHP:
    a.link
    {
        
    display:block;
        
    color#000000;
        
    background:url(menue.png#FF0000 ;
        
    width173px;
        
    height19px;
        
    text-decorationnone;
        
    line-height19px;
    }

    a.link:hover
    {
        
    display:block;
        
    color#000000;
        
    background:url(menue_over.png#FF0000 ;
        
    width173px;
        
    height19px;
        
    text-decorationnone;
        
    line-height19px;
    Und dein Link müsste dann so sein:

    PHP:
    <class="link" href="irgendwo.html">Link</a>
    Gruß Rasmus
     
  3. Mac-Rookie

    Mac-Rookie Königsapfel

    Dabei seit:
    25.07.05
    Beiträge:
    1.204
    Irgendwie funktioniert das nicht.... und ich weiß nicht, was ich verkehrt mache. Ist für mich auch sehr neu.... kommt erst der link und dann der css Code oder umgekehrt?

    lg

    Mac-Rookie
     
  4. MACRASSI

    MACRASSI Gelbe Schleswiger Reinette

    Dabei seit:
    21.11.04
    Beiträge:
    1.754
    In den <head> Tag setzt du dein Css.
    Und dann kommt im Body Tag der Link...
    a.link <-- dieser CSS ist für den normalen link
    a.link:hover <-- dieser CSS ist für den Link wenn man drüber geht.

    Gruß Rasmus
     

Diese Seite empfehlen