td:hover abstellen
Eingetragen von pewe (2)am 11.03.2008 - 23:31 Uhr in
Hallo Drupaler,
ich benutze das SKY-Theme und lade mir per PHP-Skript eine Fußball-Tabelle(html) auf eine Seite. Funktioniert auch wunderbar.
Allerdings ist in der style.css
td:hover {
background:#ddd;
}definiert. Mitdem Eintrag
table.bkvtabelle td:hover {
background:#a50000;
}in die style.css kann ich die Farbe des Hover-Effekts natürlich ändern. Aber wie kann ich diesen Hover-Effekt für diese eine Tabelle AUSSCHALTEN ohne ihn einfach nur auszukommentieren?
Nach stundenlangem probieren und googeln hoffe ich, dass mir hier jemand helfen kann.
Hier der Link damit ihr euch ein Bild machen könnt.
http://www5.bsg-taxibonn.de/node/2
Danke im vorhinein
Peter
- Anmelden oder Registrieren um Kommentare zu schreiben
background: transparent;
am 11.03.2008 - 23:41 Uhr
background: transparent; könnte funktionieren.
Aber wieso nicht background auskommentieren?
Vielen Dank für den Denkanstoß!
am 12.03.2008 - 00:20 Uhr
Nachdem ich jetzt aus der importierten Tabelle auch noch die Hintergrundfarbe gelöscht habe funktioniert es mit background: transparent;
Vorher sind die Zellen beim "hovern" schwarz geworden. Genau wie ich beinahe.
Manchmal sieht man den Wald vor lauter Bäumen nicht!
Auskommentieren wollte ich nicht, da td:hover ja schließlich noch ein paar andere Tabellen bedient.
Und, ganz gelöst ist das Problemchen dadurch immer noch nicht, da einige Zeilen(Kopfzeile, Meister, Absteiger) bereits eingefärbt daher kommen und jetzt beim drüberfahren ihre Färbung verlieren. Es ist also nur getrickst. Aber mich interessiert immer noch wie man den Hover-Effekt grundsätzlich ausschaltet/überschreibt ohne ihn auszukommentieren.
Beste Grüße Peter
Ich benutze auch das
am 12.03.2008 - 13:26 Uhr
Ich benutze auch das Sky-Theme. Um den Hover-Effekt (und die Tabellenränder) nur bei einigen Tabellen abzuschalten, habe ich
<style type="text/css">
table{border-left: none; border-top: none;}
tbody{border: none;}
th{border: none; border-bottom: none; border-right: none;}
td{border-bottom: none; border-right: none;}
td:hover{background: white;}
</style>
<table>
...
</table>
über die entsprechenden Seiten (also nicht in die style.css) geschrieben.