[Erledigt] ganze Tabellenzeile mit tr :hover verändern

litterauspirna · 16.01.2012, 17:01

Guten Abend allerseits,

ich habe da mal ne Frage. Wie kann ich es erreichen mit CSS und einem Hover Effekt die ganze Tabellenzeile in der Farbe zu verändern.
Ich habe momentan folgenden CSS Code und da färbt sich immer nur jeder einzelne Zelle aber nicht die ganze Zeile anders.

Code:

table#user_list_table
{
    border: 0px;
    width: 600px;
}

table#user_list_table th
{
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    height: 30px;
}

table#user_list_table td
{
    font-size: 12px;
    font-family: Arial;
    text-align: center;
}

table#user_list_table tbody tr
{
    background-color: #c1c1c1;
    height: 25px;
}

table#user_list_table tbody tr :hover
{
    background-color: #E8E8FF;
}

Das ist der momentane Code für die Tabellenformatierung. Was mache ich falsch das sich jede einzelne Zelle in der Farbe verändert und nicht wie gewollt die ganze Zeile auf einmal?

Danke für eure Hilfe und Antworten.

Gruß der Litter

tr0y · 16.01.2012, 17:10

Code:

table tr:hover td {
   background-color:#dingens;
}

Solu · 17.01.2012, 04:02

oder auch Div verwenden(!)

nikosch · 17.01.2012, 04:17

tr :hover != tr:hover
foo.bar != foo .bar

hausl · 17.01.2012, 08:04

Übrigens zu finden unter

"Nachfahrensselektor" http://www.mediaevent.de/css/css-sel...tselektor.html
und
"Klassenselektor" http://www.mediaevent.de/css/css-selektor.html

LG

tr0y · 17.01.2012, 11:02

Zitat:

Zitat von nikosch

tr :hover != tr:hover
foo.bar != foo .bar

Ist wohl der wichtigste Hinweis hier, wird bei mir vielleicht im Vorpost nicht ganz so deutlich

litterauspirna · 17.01.2012, 20:20

Zitat:

Zitat von nikosch

tr :hover != tr:hover
foo.bar != foo .bar

Danke das habe ich dann anhand troys Post auch mitbekommen und dementsprechend geändert. Manchmal sind es so kleine Fehler die einem nicht ins Auge fallen.

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
[Erledigt] Hover Navigation - Safari?	Extremefall	HTML, Usability und Barrierefreiheit	15	15.06.2011 08:09
Navileiste	saaja	HTML, Usability und Barrierefreiheit	11	07.12.2010 14:15
[Hilfe] Werte aus ini verändern	Sponge-Manu	Scriptbörse	5	14.08.2010 03:17
[Erledigt] Tabellenzeile per klick einfügen	Buschdieb	JavaScript, Ajax und mehr	8	01.10.2009 21:37
CSS Slide-Menu verändern	K3HLIM	JavaScript, Ajax und mehr	1	21.04.2009 21:10
Hover nicht nebeneinander	wers1	HTML, Usability und Barrierefreiheit	11	18.08.2008 07:23
Seitengröße verändern		HTML, Usability und Barrierefreiheit	3	15.02.2006 22:12
Submit-Button verändern	flual2000	PHP Tipps 2007	2	21.11.2005 10:21
[Erledigt] stylesheet mit javascript verändern		HTML, Usability und Barrierefreiheit	6	19.07.2005 16:28
farbe von tabellenzeile verändern bei hover		HTML, Usability und Barrierefreiheit	4	04.07.2005 09:40
Coppermine Photo Gallery verändern		PHP Tipps 2005	3	01.06.2005 20:03
Zeichengröße für Tabellenzeile bestimmen	Bronks	HTML, Usability und Barrierefreiheit	6	26.01.2005 20:41
Php Nuke 7.3. Kann nicht die Schrift verändern		PHP Tipps 2004	2	29.08.2004 02:17
Ein Zeichen bei <a></a> per CSS verändern		HTML, Usability und Barrierefreiheit	4	06.06.2004 13:31

16.01.2012, 17:01
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	[Erledigt] ganze Tabellenzeile mit tr :hover verändern Guten Abend allerseits, ich habe da mal ne Frage. Wie kann ich es erreichen mit CSS und einem Hover Effekt die ganze Tabellenzeile in der Farbe zu verändern. Ich habe momentan folgenden CSS Code und da färbt sich immer nur jeder einzelne Zelle aber nicht die ganze Zeile anders. Code: table#user_list_table { border: 0px; width: 600px; } table#user_list_table th { font-size: 14px; font-family: Arial; text-align: center; height: 30px; } table#user_list_table td { font-size: 12px; font-family: Arial; text-align: center; } table#user_list_table tbody tr { background-color: #c1c1c1; height: 25px; } table#user_list_table tbody tr :hover { background-color: #E8E8FF; } Das ist der momentane Code für die Tabellenformatierung. Was mache ich falsch das sich jede einzelne Zelle in der Farbe verändert und nicht wie gewollt die ganze Zeile auf einmal? Danke für eure Hilfe und Antworten. Gruß der Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


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

16.01.2012, 17:10
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Code: table tr:hover td { background-color:#dingens; } __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

17.01.2012, 04:02
Solu Erfahrener Benutzer Registriert seit: 10.11.2011 Beiträge: 268 PHP-Kenntnisse: Fortgeschritten	oder auch Div verwenden(!)

17.01.2012, 04:17
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	tr :hover != tr:hover foo.bar != foo .bar __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

17.01.2012, 08:04
hausl Erfahrener Benutzer Registriert seit: 03.08.2010 Beiträge: 1.140 PHP-Kenntnisse: Anfänger	Übrigens zu finden unter "Nachfahrensselektor" http://www.mediaevent.de/css/css-sel...tselektor.html und "Klassenselektor" http://www.mediaevent.de/css/css-selektor.html LG __________________ Keine Zahl != ein Zeichen das keine Zahl ist