buttonveränderung durch mausüberfahren

Skjaldulf

hallo - andere frage

undzwar,
wie erstelle ich die aktion, dass durch mausüberfahren ein anderes bild kommt.
bsp: http://www.bloodbath.biz speziell news, merchandise, etc

konrad

reeperbahner11

lern doch mal klein wenig css ist wirklich nicht sooo schwer.:)

HTML

img a: hover {
background-image: url(bildname.jpg); /*in () die bildurl oder ordnername rein*/
}

driver

naja, ganz so einfach ises nicht... wenn du nämlich obriges einbindest,
wird bei jedem verlinkten bild der hintergrund verändert. zum einen is des
sicher nicht bei jedem bild erwünscht, zum anderen tauscht es dann nicht
das bild - nur den hintergrund. wennst pech hast siehst des dann garnicht.

alternativ leg einen span oder p an, gib diesem das hintergrundbild, ne feste
größe und höhe. und beim hover darüber wechselst du das hintergrundbild.
so ersetzte das normale hintergrundbild durch des beim hover - und dann wieder
zurück.

Unregistriert

es gibt prinzipiell 2 möglichkeiten das zu erreichen.
a) css
b) javascript
wobei a) hier eindeutig die bessere variante ist
und nun kannst dus ja einfach mal mit google versuchen.
such doch z.B. nach "hover css"

bisschen eigeninitiative musst du schon haben. du kannst doch nicht erwarten das dir hier jeder code vorgekaut wird...

Thonixx

http://www.css4you.de

Da findest du eine deutsche Referenz zu fast allen CSS Befehlen.
Auch die Sache mit dem Hover steht da.

threadi

Zitat von reeperbahner11
lern doch mal klein wenig css ist wirklich nicht sooo schwer.:)
HTML
img a: hover {
background-image: url(bildname.jpg); /*in () die bildurl oder ordnername rein*/
}

Das is aber auch falsch. Aus 2 Gründen:
1) <a> kann nicht in <img> vorkommen
2) die Pseudoklasse hover muss direkt hinter a stehen

Also:

Code

a:hover {
background-image: url(bildname.jpg); /*in () die bildurl oder ordnername rein*/
}

Tobse

jop, der ie kennt :hover nur mit a. Daher ist das so ncht möglich. aber threadi, bei dir werden jetz ALLE links verändert....

Code

.button {
background: url(button_bg_normal.png) no-repeat left;
}
a.button:hover {
background: url(button_bg_hiver.png) no-repeat left;
}

Tags