[CSS] Table und :hover ???

20.01.2005, 12:10

Hi zusammen,

Ich habe ein Table erstellt. Das möchte ich mit CSS gestalten. Jetzt hab ich ein <td> Element folgendermassen formatiert:

Code:

<td class="td_element">

Dazu folgenden CSS code:

Code:

.td_element {
background-color: #F0F0F0;
}

Jetzt kommt meine Frage. Ist es möglich einen :hover effekt auf dieses <td> Element zu machen. Also etwa so:

Code:

.td_element:hover {
background-color: #F0F0F0;
}

Also bei mir will das nicht klappen. Ich habe sowas schon mal gesehen, nur ich weiß nicht ob es nicht doch mit JS gemacht war.

Kann mir jemand einen Tipp geben?

Gruß
bigjay

DiBo33 · 20.01.2005, 14:12

Zitat:

Zitat von -->bigJay<--

Code:

.td_element {
background-color: #F0F0F0;
}
.td_element:hover {
background-color: #F0F0F0;
}

Also bei mir will das nicht klappen. Ich habe sowas schon mal gesehen, nur ich weiß nicht ob es nicht doch mit JS gemacht war.

Wie soll sich der Hindergrund ändern, wenn beide Farbangaben exakt gleich sind?

Das geht schon, nur nicht im IE dafür benötigst du JS

Code:

<td onmouseover="this.backgroundColor='#F0F0F0';" onmouseout="this.backgroundColor='#FFFFFF';" style="background-color:#FFFFFF;">

20.01.2005, 14:19

Das mit der Farbe war ein versehen.

Das hab ich mir schon fast gedacht, dass es nur mit JS geht. Naja danke für die Antwort :wink:

Gruß
bigjay

imported_Ben · 21.01.2005, 08:23

Zitat:

Zitat von DiBo33

nur nicht im IE

nicht ausreichend korrekt.

http://www.css4you.de/hover

Zitat:

Normaler Weise wird :hover für Hyperlinks eingesetzt, laut der W3C-Spezifikation ist diese Eigenschaft aber für alle Elemente zugelassen und so kannst du Mouseover-Effekte z.B. auch für Formularfelder, Tabellenzellen und <div>-Container definieren. Leider unterstützen Opera und der Internet Explorer bis zur Version 6 :hover nur für <a>-Tags.

wenn schon, denn schon.

DiBo33 · 21.01.2005, 12:17

Zitat:

Leider unterstützen Opera und der Internet Explorer bis zur Version 6 :hover nur für <a>-Tags.

A. Hier ist die Rede von <td>-Tag
B. Die Version 6 ist auf Opera gemünzt

:hover wird vom IE (ausser wie schon beschrieben im <a>-Tag) nach wie vor auch in der aktuellen 6er Version nicht unterstützt.

wenn schon, denn schon.
*SCRN*

imported_Ben · 21.01.2005, 12:28

Zitat:

Zitat von DiBo33

Zitat:

Leider unterstützen Opera und der Internet Explorer bis zur Version 6 :hover nur für <a>-Tags.

A. Hier ist die Rede von <td>-Tag

schon klar. ich wollte das zitat nur gerne im zusammenhang bringen

Zitat:

Zitat von DiBo33

B. Die Version 6 ist auf Opera gemünzt

ähem. der IE 6.0 realisiert das aber doch auch nicht, wie du hier ja auch schreibst:

Zitat:

Zitat von DiBo33

:hover wird vom IE (ausser wie schon beschrieben im <a>-Tag) nach wie vor auch in der aktuellen 6er Version nicht unterstützt.

was ich eigentlich sagen wollte ist, dass nicht nur der IE es nicht unterstützt, sondern auch opera. da opera neben mozilla und dem firefox - meines erachtens - der dritte große browser ist, der es verdient hat auch als solcher bezeichnet zu werden, sollte man ihn nicht übergehen.

Zitat:

Zitat von DiBo33

*SCRN*

no comment

btw: sollte ich jetzt irgendwelche neuerungen bei opera verpasst haben, was :hover angeht, so korrigiert mich bitte.

danke.

grüße ben

DiBo33 · 21.01.2005, 12:35

Zitat:

btw: sollte ich jetzt irgendwelche neuerungen bei opera verpasst haben, was :hover angeht, so korrigiert mich bitte.

ist hiermit getan, Opera unterstützt :hover ab Version 7 in allen Tags

imported_Ben · 21.01.2005, 13:05

jut. danke. dann war das also alles nur aneinander vorbeigeredet!

aber frage:

http://www.opera.com/windows/changelogs/710/index.dml

Zitat:

hover and :active now only apply to links (as in, hover and/or active without any other selector)

ähem. verstehe ich nur das englisch falsch oder steht da, dass es nur für links geht?

DiBo33 · 21.01.2005, 14:06

Zitat:

ähem. verstehe ich nur das englisch falsch oder steht da, dass es nur für links geht?

Hmm gute Frage.

Ich würde es genauso lesen aber die Praxis zeigt, dass es in der 7er Version dennoch auch bei den anderen Tags funktioniert.

imported_Ben · 21.01.2005, 14:39

ich habe gar keinen opera hier. ich lass das immer von anderen testen *duck* .. naja.
jetzt wäre mal wieder guradia oder toscho gefragt .. die zaubern ja immer noch ein paar extra-infos aus dem ärmel

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP/MySQL: QCodo's Code-Generator	Zergling-new	Tutorials	2	09.05.2008 05:33
Import von innoDB-Tabellen, #1005 - Can't create table	Zergling-new	Datenbanken	0	30.07.2007 10:49
Parsen von Delimitern	Basti	Tutorials	0	30.09.2006 21:24
[CSS] Table ändert ungewollt seine Höhe, was tun?	I-Spy	HTML, Usability und Barrierefreiheit	1	13.05.2006 13:57
Truncate table		Datenbanken	5	20.01.2006 09:47
create table statement wird doppelt abgesetzt		PHP Tipps 2007	6	18.11.2005 14:48
[mysql] Table Design bei grossen Datenmengen		Datenbanken	5	02.10.2005 13:25
[Erledigt] Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
PHP-Fehlermeldung, weiss nicht mehr weiter		PHP Tipps 2005-2	12	21.09.2005 12:56
wie mit ph ein Table erzeugen		PHP Tipps 2005-2	14	22.07.2005 11:32
mysql dump einspielen (ohne phpmyadmin)		PHP Tipps 2005-2	6	18.06.2005 21:50
table mit inputs hinzufuegen		PHP Tipps 2004	9	29.08.2004 17:33
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45
[Erledigt] table eintrag grösse		Datenbanken	5	05.06.2004 02:07

20.01.2005, 12:10
Gast Beiträge: n/a	[CSS] Table und :hover ??? Hi zusammen, Ich habe ein Table erstellt. Das möchte ich mit CSS gestalten. Jetzt hab ich ein <td> Element folgendermassen formatiert: Code: <td class="td_element"> Dazu folgenden CSS code: Code: .td_element { background-color: #F0F0F0; } Jetzt kommt meine Frage. Ist es möglich einen :hover effekt auf dieses <td> Element zu machen. Also etwa so: Code: .td_element:hover { background-color: #F0F0F0; } Also bei mir will das nicht klappen. Ich habe sowas schon mal gesehen, nur ich weiß nicht ob es nicht doch mit JS gemacht war. Kann mir jemand einen Tipp geben? Gruß bigjay


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.01.2005, 14:19
Gast Beiträge: n/a	Das mit der Farbe war ein versehen. Das hab ich mir schon fast gedacht, dass es nur mit JS geht. Naja danke für die Antwort :wink: Gruß bigjay

21.01.2005, 14:39
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	ich habe gar keinen opera hier. ich lass das immer von anderen testen duck .. naja. jetzt wäre mal wieder guradia oder toscho gefragt .. die zaubern ja immer noch ein paar extra-infos aus dem ärmel __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns