Html/Css - Links

P

Penta

Boardmaler

• 05.08.2007

• #1

so hab folgendes problem:
es gibt ja in css die funktion das wenn man über einen link geht er je nach einstellung die farbe oder ähnliches ändert. So ich hab jetzt aber anstelle des linktextes eine grafik drin, welche sich beim rübergehen auch ändert oder genauer gesagt sich eine andere grafik läd. Also wer dieses Problem schonmal hatte oder wer auch so eine Lösung hat: schreibt es sofort hier rein

 

Zuletzt bearbeitet: 05.08.2007

sim4000

Lebende Foren Legende

• 05.08.2007

• #2

Hm... Von deiner Rechtschreibung mal abgesehen, hab ich das soweit verstanden...
Nur wo ist jetzt das Problem?

 

Kesar_Neron

Tripel-As

• 05.08.2007

• #3

nabend,

das sollte doch schlicht mit dem a:hover möglich sein.
Schau doch mal bitte HIER nach.

Gruß

 

hijacker

Akronymleser

• 05.08.2007

• #4

Snaike schrieb:

Also wer dieses Problem schonmal hatte oder wer auch so eine Lösung hat: schreibt es sofort hier rein

Zum Vergrößern anklicken....

Verwirrt? Oder zu lange beim Bund gewesen?

 

P

Penta

Boardmaler

• 05.08.2007

• #5

das ist ja nicht das problem. sondern das ich nicht weiß was ich dann in die klammer hinter hover,... schreiben muss weil standertmäßig(also bei text als link) steht da ja sowas wie color, text-decoration,.... und cih weiß halt nun nicht was jett da rein muss wenn es ein image ist

 

Zuletzt bearbeitet: 05.08.2007

Kesar_Neron

Tripel-As

• 05.08.2007

• #6

HALLOOOHO... also mit der Materie beschäftigen musst Du dich schon alleine... und ich würde Dich bitten doch ein wenig selbst für Deine Informationsverpflegung zu sorgen... Google spuckte mir das als ERSTEN Link aus.

 

P

Penta

Boardmaler

• 05.08.2007

• #7

danke sehr mir ist dabei auch noch aufgefallen das ich noch weitere fehler drin hatte mit denen es auch nicht geklappt hätte.
danke trotzdem vielmals

 

Always-Godlike

Das Freak

• 05.08.2007

• #8

das geht mit css wenn du das bild als hintergrundgrafik machst. iss aber eher umständlich. einfacher isses mit javascript:

<img src="normal.png" alt="Linkbild" onmouseover="this.src ='hover.png'" onmouseout="this.src='normal.png'" />

 

Zuletzt bearbeitet: 05.08.2007

S

Schneemann

Routinier

• 05.08.2007

• #9

Hi,

man kann auch :hover auf andere HTML-Elemente anwenden
HTML-Code:
<div class="foobar"></div>
CSS-Code:
.foobar {
background-image: url(bild.png);
width: 100px;
height: 100px;
}
.foobar:hover {
background-image(bild_hover.png)
}