Probleme mit Rollover Hintergrundbild

[terrordriver]

Moin,

arbeite momentan an einer neuen homepage und wollt wissen wie man mit java bzw. css ein rolloverhintergrundbild erstellen kann.
Möchte nämlich in der unteren navileiste http://flutschkuh.fl.ohost.de/tikadu2008/rollover.html links (home, download ...) als Text erstellen, dessen hintergrund sich beim mausüberrollen ändert.

Benutze Dreamweaver CS3, mit dem ich leider nur die Bilder als Rollover erstellen kann, jedoch keine hintergründe

danke im voraus

[träxx-]

Das einfachste was du machen könntest:

Du nimmst ein <div>, z.B.

Code: Alles auswählen

<div id="menu1" >
<a href="#link">Menupunkt</a>
</div>

Im Stylesheet machst du zwei Klassen

Code: Alles auswählen

#menu1 {
background: url("bild1.jpg"); /* Hintergrundbild deines Layers */
width: 200px; /* Breite deines Layers */
height: 100px; /* Höhe deines Layers */
}

#menu1:hover {
background: url("bild2.jpg");
width: 200px;
height: 100px;
}

Und schon kannst du deinen Text ins Div schreiben und der Hintergrund ändert sich beim Mausover.

ps. nettes Design

[terrordriver]

hat funktioniert thx

hab damals die links immer nur ins bild eingebunden desswegen wollt ich mal was neues probieren ...

[träxx-]

http://andreb.de/test.html

hier ma noch nen beispiel

[terrordriver]

nochmal thx hat geklappt wie ich es wollte

http://flutschkuh.fl.ohost.de/tikadu2008/td08_roll.html leider nicht ganz IE kompatibel aber darauf kann man verzichten ^^