BlackBoard » Design, Programmierung & Entwicklung » Webdesign » background wechsel bei rollover » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen background wechsel bei rollover
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
SpL!T
Junior Member


Dabei seit: 31.12.2004
Beiträge: 141
background wechsel bei rollover       Zum Anfang der Seite springen
Huhu,

Kann mir jemand sagen, wie ich den Hintergrund eines <td> beim Rollover ändern kann?

Mit Farben ists mir klar, doch wie siehts mit Bildern aus?

code: 
1:
2:
3:

<tr bgcolor="#000000" onMouseover="this.bgColor='#000033'" onMouseout="this.bgColor='#000000'">


mfg smile
25.04.2006 08:31 SpL!T ist offline E-Mail an SpL!T senden Beiträge von SpL!T suchen
Wenso Wenso ist männlich
Amokschläfer


images/avatars/avatar-1991.gif

Dabei seit: 25.02.2002
Beiträge: 1.715
Herkunft: Hessen
      Zum Anfang der Seite springen
Man kann das ganze sicher mit CSS realisieren, indem man das Element einer Klasse (oder falls es immer ein anderes sein soll eine ID) zuweist und der Klasse dann sagt, dass sie eine andere Hintergrundfarbe nehmen soll!

HTML-Code:
code: 
1:

<td class="deintd">inhalt, text, blabla</td>

CSS-Code
code: 
1:
2:
3:
4:
5:
6:
7:

.deintd {
background-color: #000000;
}

.deintd:hover {
background-color: #000033;
}


Für Bilder müsste es dann so aussehen:
code: 
1:
2:
3:
4:
5:
6:
7:

.deintd {
background-image:url(normaleshintergrundbild.jpg);
}

.deintd:hover {
background-image:url(hoverhintergrundbild.jpg);
}


Weitere Eigenschaften für Hintergrundbilder findest du dann bei SelfHTML

Natürlich kannst du das ganze auch für alle tds machen, dann einfach anstatt .deintd und .deintd:hover td und td:hover verwenden, dann brauchst du auch die class-Eigenschaft nicht zu setzen!

Hope I helped!

MfG Wenso

__________________
Pipi Langstrumpf ist KRIEG!!!
~for those about to rot~
welcome to where time stands still
no one leaves and no one will
25.04.2006 15:21 Wenso ist offline E-Mail an Wenso senden Homepage von Wenso Beiträge von Wenso suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
Achtung       Zum Anfang der Seite springen
Wird so klappen bei Browsern, die schlau genug sind :hover auf alle Elemente anwenden zu können. Der Internet Explorer gehört nicht dazu smile

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett
25.04.2006 15:40 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
SpL!T
Junior Member


Dabei seit: 31.12.2004
Beiträge: 141

Themenstarter Thema begonnen von SpL!T
      Zum Anfang der Seite springen
@ Wenso: dankeschön smile

Zitat:
Original von LX
Wird so klappen bei Browsern, die schlau genug sind :hover auf alle Elemente anwenden zu können. Der Internet Explorer gehört nicht dazu smile


+++ Bild konnte nicht geladen werden +++

Wie ich IE hasse unglücklich

Dankeschön Jungs
25.04.2006 15:55 SpL!T ist offline E-Mail an SpL!T senden Beiträge von SpL!T suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » background wechsel bei rollover

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH