✔ hover bei einer Tabelle

[JesusFreak777]

Hallo,
ich hab hier eine Tabelle,...

<table>
<tr>

<td class="class">
mein TEXT
</td>

</tr>
</table>

jetzt noch der style

td.class
	{
	background: #353535;
	color: #4444ff;
	}

jetzt die Frage,...
...,ist es möglich hier einen hovereffect einzufügen,...

td.class :hover ?
	{
	background: #656565;
	color: #121212;
	}

das hier geht net,..

onmouseover und onmouseout möchte ich nicht anwenden,...

Danke für die Antworten

Gruß Simon

 

[Maik]

Hi.

jetzt die Frage,...
...,ist es möglich hier einen hovereffect einzufügen,...

td.month :hover ?
	{
	background: #656565;
	color: #121212;
	}

das hier geht net,..

Vergleich mal die vergebenen Klassennamen im HTML-/CSS-Code miteinander, und entferne im Selektor das Leerzeichen vor der :hover-Pseudoklasse.

mfg Maik

 

[JesusFreak777]

sorry mein fehler,...

ich hab das schon richtig,... ich habs nur abgeändert für hier das es übersichtlicher ist,... in wirklichkeit steht immer month drinnen,... (hier class)

geht aba trotzdem nicht

td.class
	{
	background: #353535;
	color: #4444ff;
	} 

td.class:hover 
	{
	background: #656565;
	color: #121212;
	}

 

[Maik]

Und das Leerzeichen im Selektor vor der :hover-Pseudoklasse existiert auch nicht?

//edit: Tut es nicht

mfg Maik

 

[JesusFreak777]

so wie beim 2. beitrag

oder versteh ich was falsch

 

[Maik]

Der Code funktioniert doch. Redest du hier etwa vom IE6?

Und vernachlässige hier bitte nicht die Netiquette bzgl. der Groß- und Kleinschreibung.

mfg Maik

 

[JesusFreak777]

IE8,.. kann ich so nicht nachvollziehen

hier mal der Orginalcode evlt. was Übersehen?

<?PHP

?>

<link rel="stylesheet" type="text/css" href="style.css">


<?
echo '
<table class="caltab">
<tr>
<td class="month">
row alkdsjfasd fasdf jasd fjas dfj asdfj asdf <br>
asödlfkjas dfkj
<br>
asdölfkjasdf asdjf asdjf asdjf sad
</td>
<td class="noday">
row alkdsjfasd fasdf jasd fjas dfj asdfj asdf <br>
asödlfkjas dfkj
<br>
asdölfkjasdf asdjf asdjf asdjf sad
</td>
</tr>
</table>
';

?>

style.css

body {
	background: #000000;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 10pt;
	}

table.caltab
	{
	background: #000000;
	color: #ffffff;
	} 

td.month
	{
	background: #353535;
	color: #4444ff;
	} 

td.month:hover 
	{
	background: #656565;
	color: #121212;
	} 
	
td.noday
	{
	background: #686868;
	color: #aaaaff;
	}

edit:
ok habs grad mal im firefox nachgeprüft und da geht es wirklich,... was tun das es im ie8 auch geht?

 

[Maik]

Dein "HTML"-Code stinkt nach "Quirksmodus", und in diesem Darstellungsmodus verhalten sich IE 7 + 8, wie ihr Vorgänger, der die :hover-Pseudoklasse nur für das a-Element kennt

mfg Maik

 

[JesusFreak777]

OK gibt es eine Alternative die im css lösbar ist?
oder muss ich da Javascript, onmouse*,... sachen verwenden (was ich garnet will)

Gruß´

edit:
oder wie Lösens die Profis?

 

[Maik]

Die Lösung ist schlichtweg eine Dokumenttyp-Deklaration, mit der das Dokument den Browsern im standardkonformen Modus übergeben wird - in diesem Darstellungsmodus weiß der IE8 dann mit deinem Code auch etwas anzufangen.

Also das Ganze besser mal von Beginn an lesen, falls dir mein obiger Link eben nicht auf die Sprünge geholfen hat, wo hier der Knackpunkt liegt:
Der »DOCTYPE-Switch« und seine Auswirkungen

mfg Maik