[GastForen Programme Web/Internet Adobe Dreamweaver Tabellenzelle mit dem Hintergrund reagieren lassen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Tabellenzelle mit dem Hintergrund reagieren lassen

kareh
Beiträge gesamt: 239

27. Okt 2004, 19:00
Beitrag # 1 von 7
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen,

ich verlinke meinen Navigationstext mit folgendem CSS-Style:
.navi a:link {
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.navi a:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.navi a:hover {
text-decoration: none;
color: #0000AA;
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #F2F2FF;
}
.navi a:active {
text-decoration: none;
color: #0000AA;
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #F2F2FF;

Ist es möglich, dass die komplette Zelle mit ihrem Hintergrund in der zu wechselnden Farbe mit reagieret? Im Moment reagiert da ja nur der Bereich um das markierte Wort.

Gruß kareh
X

Tabellenzelle mit dem Hintergrund reagieren lassen

bline
Beiträge gesamt: 169

30. Okt 2004, 16:56
Beitrag # 2 von 7
Beitrag ID: #119984
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
z.B. so:
.....Tabellen-HTML
<td class="irgendwas" align="right" onMouseOver="this.style.background='#bcbcbc'" onMouseOut="this.style.background='transparent'">
<a href="dieSeite.php" lang="de" class="irgendwasDuWillst">InhaltDerZelle</a></td>
.....restliches Tabellen-HTML

---------------------------
soehne.ch / toechter.ch
http://www.soehne.ch
---------------------------


als Antwort auf: [#119166]

Tabellenzelle mit dem Hintergrund reagieren lassen

kareh
Beiträge gesamt: 239

2. Nov 2004, 12:23
Beitrag # 3 von 7
Beitrag ID: #120536
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo bline,

habe deinen Tipp durchgeführt - klappt auch, was den Hintergrund der Zelle angeht. Hierfür schon mal danke!

Der verlinkte Text wechselt allerdings erst dann die Farbe, wenn man auch dort mit der Maus drüberfährt.

Gibt es eine Möglichkeit (außer Rollover-Bild), dass der Text schon beim überfahren der Zelle mit dem navi.css reagiert bzw. dass der Link-Effekt die ganze Zelle reagieren lässt?

Gruß kareh


als Antwort auf: [#119166]
(Dieser Beitrag wurde von kareh am 2. Nov 2004, 12:41 geändert)

Tabellenzelle mit dem Hintergrund reagieren lassen

bline
Beiträge gesamt: 169

2. Nov 2004, 13:16
Beitrag # 4 von 7
Beitrag ID: #120557
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
vielleicht mit Selektoren in CSS. Aber nur für Dich probiere ich das nicht noch stundenlang aus.
Am besten verwendest Du dafür Grafiken mit Text. Und damit die Suchmotoren den Text auch finden und auch in der Ballon-Hilfe angezeigt werden:

<a href="seite.html" title="TOLLE SACHEN HIER"><img src="bild.gif" alt="TOLLE SACHEN HIER"></a>

NACHTRAG: Korrektur Attribut-Bezeichnug

Gruss aus Zürich
---------------------------
soehne.ch / toechter.ch
http://www.soehne.ch
---------------------------


als Antwort auf: [#119166]
(Dieser Beitrag wurde von bline am 2. Nov 2004, 13:18 geändert)

Tabellenzelle mit dem Hintergrund reagieren lassen

kareh
Beiträge gesamt: 239

2. Nov 2004, 18:09
Beitrag # 5 von 7
Beitrag ID: #120677
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
danke für deine Mühe,

ich werde mich dann wohl mit dem Rollover-Bild begnügen müssen.

Gruß kareh


als Antwort auf: [#119166]

Tabellenzelle mit dem Hintergrund reagieren lassen

Luzyfer
Beiträge gesamt: 12

3. Nov 2004, 20:46
Beitrag # 6 von 7
Beitrag ID: #121078
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo bline,

ist gar nicht so schwer:

für die Zelle:
<td onmouseover="this.bgColor='#000000'; this.style.color='#ffffff';" onmouseout="this.bgColor=''; this.style.color='';><a href="dein link">Dein Link</a></td>

für die Zeile:
<tr onmouseover="this.bgColor='#000000'; this.style.color='#ffffff';" onmouseout="this.bgColor=''; this.style.color='';><td>....</td></tr>

Viel Spaß, Luzy


als Antwort auf: [#119166]

Tabellenzelle mit dem Hintergrund reagieren lassen

bline
Beiträge gesamt: 169

4. Nov 2004, 08:05
Beitrag # 7 von 7
Beitrag ID: #121126
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke für den Tipp. War ja eigentlich logisch ;-). Reines JavaScript-CSS. Wenn ich mit den Selektoren rumgebastelt hätte, hätte ich wahrscheinlich wirklich Stunden gebraucht, bis ...
Gruss aus Zürich
---------------------------
soehne.ch / toechter.ch
http://www.soehne.ch
---------------------------


als Antwort auf: [#119166]
X