zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden hover für andere Tabellenzelle

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.12.2010, 12:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2010
Beiträge: 2
MaxL befindet sich auf einem aufstrebenden Ast
Standard hover für andere Tabellenzelle

Hallo zusammen,
mir hat sich bislang nie die Aufgabe gestellt, in einer Tabellenzelle ein hover zu setzen, welches in einer anderen td die Farbe ändert. Geht das überhaupt?

Hier mal mein Versuch:

HTML
HTML-Code:
<table>
	<tr>
	  <td id="toptd"></td>
	</tr>
	<tr>
	 <td id="bottomtd"><a href="#">Link</a></td>
        </tr>
</table>
CSS
HTML-Code:
#bottomtd:hover
{
	#toptd
        {
          background-color: #000;
        }

}
Geht natürlich so nicht. Wie muss ich die Syntax ändern, damit es geht?

Danke und Gruß,
Max
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.12.2010, 15:15
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das Prinzip ist tr:hover td (Spezifität beachten), oder der Nachbarselektor, wobei dieser nur nachfolgende Elemente anspricht.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.12.2010, 15:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2010
Beiträge: 2
MaxL befindet sich auf einem aufstrebenden Ast
Standard

Heiko,
danke für die Rückmeldung.

Um beim Beispiel zu bleiben, so geht es leider nicht:
HTML-Code:
#bottomtd:hover #toptd
{
	background-color: #000;
}
Könntest Du es an meinem Beispiel erklären. Was Du da schreibst verstehe ich nicht.

Geändert von MaxL (10.12.2010 um 15:59 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 10.12.2010, 16:49
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es steht alles da. Hovere die tr (nicht td), und sprich die td per Nachfahrenselektor an. Oder google "Nachbarselektor".
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Stichwörter
hover, tabelle, table, verschiedene zellen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 20:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 13:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 18:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:10 Uhr.