a:hover Code mit jpg Bildern

a:hover Code mit jpg Bildern

Beitragvon Andersson » 07.08.2007, 02:17

Hi Jungs,
bin neu hier hab auch mal etwas bei der Suche geschaut doch nichts zu meinem Problem gefunden. Also ich hab folgendes Problem ich habe einen Banner auf dem 3 Buttons sind wenn ich über einen der 3 Buttons gehe soll ein andere Bild dort erscheinen, das hab ich auch die ganze Zeit mit dem a:hover Befehl versucht doch da passiert nichts. Kann es am Bildformat liegen ich habe das jpf- Format.
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Rechtsanwalt Gerlach</title>
<style type="text/css">
<!--

a:hover {background-image:url(Kontaktmouseover.jpg); }
-->
</style>
</head>
<body>
<table width="1030" height="95" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="91" scope="col"><img src="weisserpixel.jpg" alt="weisserpixel" width="91" height="95" />
</th>
<th width="848" scope="col"><img src="Header-endstueck.jpg" alt="bannerendst&uuml;ck" width="42" height="95" align="right" />
<img src="Header.jpg" alt="banner" width="594" height="95" align="left" />
<a href="kontaktbannerbutton.html">
<img src="HeaderKONTAKT.jpg" alt="kontaktbanner" width="64" height="95" border="0" align="left" />
</a>
<img src="zwischen-kontakt-ubermich.jpg" alt="kontakt-uebermichbanner" width="12" height="95" align="left" />
<img src="Headerubermich.jpg" alt="uebermichbanner" width="62" height="95" align="left" />
<img src="Zwischen-ubermich-impessum.jpg" alt="uebermich-impressumbanner" width="12" height="95" align="left" />
<img src="HeaderImpressum.jpg" alt="impressumbanner" width="62" height="95" align="left" />
</th>
<th width="91" scope="col">
<img src="weisserpixel2.jpg" alt="weisserpixel" width="91" height="95" />
</th>
</tr>
</table>
<p>
</p>
</body>
</html>


Den HeaderKONTAKT.jpg Button hätte ich gerne mit dem a:hover Code bearbeitet.
Bitte helft mir.
Wenn ihr wisst was ich falsch gemacht habt könnt ihr mich in icq adden
220-041-971
Andersson
neu hier
 
Beiträge: 2
Registriert: 07.08.2007, 01:48

Beitragvon Laus » 07.08.2007, 06:21

Hallo

Wenn du die Hintergrundbilder mit hover austauschen willst dann musst du dazu auch beide Bilder als HG verlinken und nicht eines über <img> einfügen.

Gib deinem Button eine ID also
Code: Alles auswählen
<a id="wechselbild" href="kontaktbannerbutton.html"></a>
und schreibe ins css
Code: Alles auswählen
#wechselbild a:link {background-image:url(HeaderKONTAKT.jpg); }
#wechselbild a:hover {background-image:url(Kontaktmouseover.jpg); }
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon Andersson » 07.08.2007, 12:00

Ok hab ich jetzt genauso gemacht wieder gesagt hast, aber das zweite Bild wird garnicht beim darüber gehen eingeblendet. Woran kann das liegen?
Andersson
neu hier
 
Beiträge: 2
Registriert: 07.08.2007, 01:48

Bilderpfad richtig?

Beitragvon gwendolyn » 06.12.2007, 13:58

Wenn das 2. Bild nicht kommt, kontrollier einfach mal ob du den PFad richtig angegeben hast.
gwendolyn
neu hier
 
Beiträge: 3
Registriert: 06.12.2007, 13:45
Wohnort: Basel CH


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "a:hover Code mit jpg Bildern"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste