Ergebnis 1 bis 6 von 6

Thema: hover effekt firefox problem

  1. #1
    Interessierte/r
    Registriert seit
    15.10.2004
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard hover effekt firefox problem

    siehe hier:
    http://home.arcor.de/urloob/hh.html

    beim hover im IE: der rahmen wird komplett um das bild gezogen.
    beim firefox: da halt nicht

    wer hat rat?

    quelltext:
    Code:
    <style type="text/css">
    a#PrevPic&#58;hover&#123; 
    	border&#58; 1px solid #FF6600;
    	
    	&#125;
    </style>
    </head>
    
    <body>
    
    [img]Bilder/referenzen/web/web_button.jpg[/img]
    
    
    [img]Bilder/referenzen/logos_button.jpg[/img]
    
    </body>
    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 !!!!!

  2. #2
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi mop,

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    a&#58;hover #PrevPic&#123; border&#58; 1px solid #FF6600;&#125;
    </style>
    </head>
    <body>
    
    
    [img]web_button.jpg[/img] 
    
    [img]web_button.jpg[/img]
    </body>
    </html>
    Mir ist nicht ganz klar, was Du erreichen willst. Den Rahmeneffekt schaltet man eigentlich mit <<< img { border: none;} >>>>> aus und steuert die Rahmen mit css.
    Um das wackeln im 2.Bild zu verhindern setzt Du einen Rahmen in gleicher Stärke mit der Hintergrundfarbe <<< a: #PrevPic {border: 1px solid #fff;} >>>


    OK??
    P.S.: Korrigiert habe ich noch die Schließung des img-tags <img......> in <img..../>..........XHTML-konform!

    Gruß yeti66
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  3. #3
    Interessierte/r
    Themenstarter

    Registriert seit
    15.10.2004
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    das problem ist, dass das bild beim hover mit der maus nicht vollständig eingerahmt wird. zumindest im firefox, im IE hauts.

  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Kanst du das hover nicht auf das img tag beziehen?

  5. #5
    Interessierte/r
    Themenstarter

    Registriert seit
    15.10.2004
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ?

  6. #6
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Code:
    img&#58;hover&#123;
       border&#58; 1px solid #FF6600;
    &#125;

Ähnliche Themen

  1. Hover-Effekt
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 15:08
  2. Großes Problem Hover effekt Nav Leiste
    Von pitcher37 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 07.01.2007, 17:45
  3. hover effekt
    Von Kingdingeling im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.12.2006, 00:35
  4. CSS hover-effekt
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 14:48
  5. hilfe bei hover effekt
    Von sYco im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2004, 20:34

Stichworte

Berechtigungen

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