farbe von tabellenzeile verändern bei hover

04.07.2005, 08:44

hallo,

ich hab schon etwas rumgesucht, aber nicht das richtige gefunden

ich möchte dass beim hovern die gesamte zeile eine andere hintergrundfarbe zugewiesen kriegt.
phpmyadmin macht´s mit JS, aber dass muss doch auch anders funktionnieren!!

ich hab mal folgendes versucht:

PHP-Code:

  <?php

<table>

  <tr class="test">

    <td>

      blabla

    </td>

    <td>

      blublu

    </td>

  </tr>

</table>

?>

und dazu eine css mit

PHP-Code:

  <?php

.test tr:hover

{

  background-color : #800000;

}

?>

leider ignoriert der FF dieses

im IE hab ich noch nicht getestet, macht soweit ich weiss eh keinen Sinn hover für was anderes als <a> im IE zu nutzen.

wenn ich die Klassendefinition in <table> schreib tut´s, aber ich will nicht jede zeile so haben, nur die wo ich links drinhab.
In <td> geht´s auch, aber halt eben nur für die einzelne zelle

weiss einer Rat?

danke

04.07.2005, 09:25

.test tr:hover?
-> falsch :P
machs so

PHP-Code:

  tr.test:hover

{

  background-color : #800000;

}

oder für jede zeile
[php]
tr:hover
{
background: #800000;
}

04.07.2005, 09:29

EDIT: zu lange getippt...

Der allmächtige google hat mir´s gesagt

Für alle die´s interessiert:

PHP-Code:

  <?php

<html>

  <head>

    <title>

      testseiete

    </title>

    <style type="text/css">

      tr.hover:hover

      {

        background-color:#CCCCCC;

      }

      tr.hover

     {

       background-color:#999999;

     }

     </style>

  </head>

<body>

  <table>

    <tr class="hover" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='#999999'">

      <td width="200">

        huhu

      </td>

    </tr>

  </table>

</body>

</html>

?>

Zusatzfrage: ist die Notation wie ich´s hatte:

.test tr:hover

falsch, hab das nämlich aus einem Buch...

Und noch eine: kann ich das so stehen lassen mit CSS _und_ JS anweisungen, oder kann das Ärger geben?

04.07.2005, 09:33

also .test re:hover ist falsch, wie oben gesagt
lies dir das mal durch

http://css4you.de/wscss/css04.html#descendantselector

naja du wolltest es ohne js machen.
und wenns im IE aus ist, dann gibst solche effekte nicht...

04.07.2005, 09:40

Danke für den Link,
hab css4you schon bissel rumgewühlt, aber wusste nicht wonach ich schauen sollte... selektoren heisst das stichwort also

Hab mich umentschieden, die IE´ler sollen doch nicht ausgeschlossen werden von unnützen effekten *grins*
und diejenigen ohne JS verzichten imho ja freiwillig auf solche Spielereien -> nicht mein Bier wie´s bei denen aussieht, Hauptsache die Funktionalität ist gegeben!

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
Zwei Texte vergleichen und Unterschiede mit Farbe kennzeich.	BartTheDevil89	PHP Tipps 2008	5	02.01.2008 19:18
Trennlinie (hr) hat nicht richtige Farbe...		HTML, Usability und Barrierefreiheit	3	11.01.2006 13:08
[Erledigt] Bild farbe ändern		PHP-Fortgeschrittene	2	22.08.2005 10:03
Hover Effekt für Textfelder?	Masteroi	HTML, Usability und Barrierefreiheit	3	27.07.2005 14:36
Farbe der Tabellenzeile abhängig von einem Spaltenwert	Bruno	Datenbanken	4	13.07.2005 10:44
Zeichengröße für Tabellenzeile bestimmen	Bronks	HTML, Usability und Barrierefreiheit	6	26.01.2005 20:41
Links immer gleiche Farbe?	seejay	HTML, Usability und Barrierefreiheit	11	16.11.2004 23:12
[Erledigt] Farbe eines Bildes ändern?		PHP-Fortgeschrittene	3	09.09.2004 23:16
negative farbe...	konsti	PHP-Fortgeschrittene	21	17.08.2004 23:41
active link Farbe funktioniert nicht??!		PHP Tipps 2004	18	10.08.2004 03:29
Link Farbe		PHP Tipps 2004	9	27.07.2004 11:24

04.07.2005, 08:44
Gast Beiträge: n/a	farbe von tabellenzeile verändern bei hover hallo, ich hab schon etwas rumgesucht, aber nicht das richtige gefunden ich möchte dass beim hovern die gesamte zeile eine andere hintergrundfarbe zugewiesen kriegt. phpmyadmin macht´s mit JS, aber dass muss doch auch anders funktionnieren!! ich hab mal folgendes versucht: PHP-Code: `<?php <table> <tr class="test"> <td> blabla </td> <td> blublu </td> </tr> </table> ?>` und dazu eine css mit PHP-Code: `<?php .test tr:hover { background-color : #800000; } ?>` leider ignoriert der FF dieses im IE hab ich noch nicht getestet, macht soweit ich weiss eh keinen Sinn hover für was anderes als <a> im IE zu nutzen. wenn ich die Klassendefinition in <table> schreib tut´s, aber ich will nicht jede zeile so haben, nur die wo ich links drinhab. In <td> geht´s auch, aber halt eben nur für die einzelne zelle weiss einer Rat? danke


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

04.07.2005, 09:25
Gast Beiträge: n/a	.test tr:hover? -> falsch :P machs so PHP-Code: `tr.test:hover { background-color : #800000; }` oder für jede zeile [php] tr:hover { background: #800000; }

04.07.2005, 09:29
Gast Beiträge: n/a	EDIT: zu lange getippt... Der allmächtige google hat mir´s gesagt Für alle die´s interessiert: PHP-Code: <?php <html> <head> <title> testseiete </title> <style type="text/css"> tr.hover:hover { background-color:#CCCCCC; } tr.hover { background-color:#999999; } </style> </head> <body> <table> <tr class="hover" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='#999999'"> <td width="200"> huhu </td> </tr> </table> </body> </html> ?> Zusatzfrage: ist die Notation wie ich´s hatte: .test tr:hover falsch, hab das nämlich aus einem Buch... Und noch eine: kann ich das so stehen lassen mit CSS _und_ JS anweisungen, oder kann das Ärger geben?

04.07.2005, 09:33
Gast Beiträge: n/a	also .test re:hover ist falsch, wie oben gesagt lies dir das mal durch http://css4you.de/wscss/css04.html#descendantselector naja du wolltest es ohne js machen. und wenns im IE aus ist, dann gibst solche effekte nicht...

04.07.2005, 09:40
Gast Beiträge: n/a	Danke für den Link, hab css4you schon bissel rumgewühlt, aber wusste nicht wonach ich schauen sollte... selektoren heisst das stichwort also Hab mich umentschieden, die IE´ler sollen doch nicht ausgeschlossen werden von unnützen effekten grins und diejenigen ohne JS verzichten imho ja freiwillig auf solche Spielereien -> nicht mein Bier wie´s bei denen aussieht, Hauptsache die Funktionalität ist gegeben!