zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bildwechsel bei hover - nur mit css, ohne javascript?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.06.2005, 23:39
Beb Beb ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.06.2005
Beiträge: 14
Beb befindet sich auf einem aufstrebenden Ast
Standard bildwechsel bei hover - nur mit css, ohne javascript?

Ich wollte gern einen "hover" effekt mit 2 Bildern haben, ohne dabei Java Script zu benutzen (weil IExplore das ja in der Standardeinstellung blockiert).. nun habe ich einem button ein hintergrundbild zugewiesen, dass sich auch wie gewünscht beim hover ändert.. ich habe allerdings das Problem, dass ich um den Link zuzuweisen wieder Java Script benutzen muss (onClick) und wieder vor dem Ausgangsproblem stehe. Im Firefox funktioniert es auch ohne onClick, der scheint den Button dann als den href link zu sehen.. hat jemand eine Idee? oder eine Alternativlösung?

danke

hier ist mein code:

html:

<input type="button" class="image1" value=""/><input type="button" class="image1" onClick="self.location.href='hallo.html'"/>

css:

input {
width: 140px;
height: 140px;
border-width:0;
}


input.image1 {
background-image: url(../images/1.gif);
}

a:hover input.image1 {
background-image: url(../images/2.gif);
cursorointer;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.06.2005, 01:36
Beb Beb ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.06.2005
Beiträge: 14
Beb befindet sich auf einem aufstrebenden Ast
Standard

http://www.css-technik.de/css-exampl...ildermenu.html

nach einigem Suchen habe ich dann diesen sehr hilfreichen Artikel gefunden.. es hat sich also erledigt
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.06.2005, 01:40
Beb Beb ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.06.2005
Beiträge: 14
Beb befindet sich auf einem aufstrebenden Ast
Standard

http://www.css-technik.de/css-exampl...ildermenu.html

nach einigem Suchen habe ich dann diesen sehr hilfreichen Artikel gefunden.. es hat sich also erledigt
Mit Zitat antworten
  #4 (permalink)  
Alt 20.06.2005, 08:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

http://wellstyled.com/css-nopreload-rollovers.html
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fertiges Drop-Down Menü ins Layout einfügen VoB CSS 6 15.03.2011 17:14
Hilfe bei CSS Navigation trimalchio CSS 7 10.01.2011 14:13
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Hover via CSS auch beim IE ReD$DrAgOn CSS 9 12.03.2008 12:52
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:54 Uhr.