Spaltenhintergrund beim drüberfahren ändern.

[MatzeA]

Hi,

wie kann ich den Hintergrund einer Spalten ähnlich wie bei einem
link verändern?

Geht das überhaubt?

folgendes habe ich meinem Stylesheet hinzugefügt.

.navRahmen:hover {
 background-color: #D6EBFF;
 border: #3366CC; border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 text-align: center;
}

Das ist der Code der spezifischen Zelle.

<td rowspan="2" class="navRahmen" width="15">
<a class=nav href="http://mydomain/text.html">Test text</a>
</td>

das klappt auf jeden Fall nicht.
Achja JS kommt auf jeden Fall nicht in Frage, da darauf gänzlich verzichtet wird.

Gruss Matze

[Daniel]

Achja JS kommt auf jeden Fall nicht in Frage, da darauf gänzlich verzichtet wird.

Gruss Matze

Schade, ein JS könnte ich Dir liefern. Ohne wird es kaum gehen. Denke ich.

Daniel

[peter pan]

schau mal auf http://www.meyerweb.com/ dann siehste mal was alle OHNE diese drecks JS geht!
grüße
peter

[Jeena Paradies]

Hallo,

schau mal auf http://www.meyerweb.com/ dann siehste mal was alle OHNE diese drecks JS geht!

drecks JS ist es nicht. Es hat auf jeden fall seine Daseinsberechtigung auch wenn es oft falsch eingesetzt wird.

Noch ein Link: http://www.csszengarden.com/

Grüße
Jeena Paradies

[peterpan]

sprich die td nicht als klasse sondern als id an, dann müßte das auch klappen!
#navRahmen:hover {

background-color: #D6EBFF;
border: #3366CC; border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
text-align: center;
}

<td rowspan="2" id="navRahmen" width="15">

tschö matze grüße peter

[MatzeA]

Servus,

2 probleme.
Scheinbar lässt das den IE5.5 völlig kalt. 2. wie muss ich nun den Anker einbauen, dass jeder klick innerhalb der Spalte ebenfalls zum Ziel führt.

Sprich der Text in der Zelle ist etwas klein. Wenn sich nun der hintergrund ändert, denkt der Benutzer ja auch gleich, jetzt kann ich klicken.

Kann ich den anker nun um die Celle legen?
Meines wissens nach nein.

Trotzdem danke schon mal.

Gruss Matze

[Thomas Luethi]

Hallo,

Scheinbar lässt das den IE5.5 völlig kalt.

Ja, der ist zu doof.

2. wie muss ich nun den Anker einbauen, dass jeder klick innerhalb der Spalte ebenfalls zum Ziel führt.

Mit einer ganzen Spalte geht das nicht.
Nur mit einer Zelle.

td.navRahmen a { display:block; }

ggf. auch noch mit width und/oder height:

td.navRahmen a { display:block; width:100%; height:100%; }

Gruesse,

Thomas

[MatzeA]

Servus,

Mit einer ganzen Spalte geht das nicht.
Nur mit einer Zelle.

Sorry so wars gemeint.

td.navRahmen a { display:block; }

Ich habe den code so einfegügt ins Stylsheet und mein ganzen Layout war verbogen.

-> Der Code ist laut W3C Valid auch das Stylsheet.

Nunja egal ich gebe an der stelle auf und der Benutzer muss eben kapieren, erst wenn sich die Maus verändert kann man klicken.

Gruss Matze

[Sebastian Mößner]

Tag,

Der Internet Explorer (zumindest in Version 5.5 und früher) versteht :hover nur in Verbindung mit dem HTML Element <a>.

mfg
Sebastian