Forenindex » Archiv » Adobe GoLive » Zellenhintergrundfarbe mit CSS

Zellenhintergrundfarbe mit CSS

René69
Beiträge gesamt: 18

28. Jun 2003, 15:41
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
Habe eine Navigation innerhalb Tabellenzellen erstellt. Nun möchte ich, dass bei aktivem Seite und beim überfahren des Links mit der Maus sich nicht nur die Textfarbe verändert, sondern auch die Hintergrundfarbe dieser einzelnen Zelle. Kann ich das mit CSS? Welches ist das genaue Tag und der weitere Code? Vielen Dank für die Hilfe.

Gruss René

Zellenhintergrundfarbe mit CSS

mz
Beiträge gesamt: 12

28. Jun 2003, 16:21
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
hay

mit javascripts könnts funktionnieren...

hier ein ansatz:

<td onmouseover="this.bgColor='#ddd'" onmouseout="this.bgColor='#999'" nowrap>

gruzz

Zellenhintergrundfarbe mit CSS

René69
Beiträge gesamt: 18

28. Jun 2003, 16:24
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
danke, ich probiers mal aus...

René

Zellenhintergrundfarbe mit CSS

mz
Beiträge gesamt: 12

28. Jun 2003, 16:30
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
done... sorry - mit css hab ich keinen weg gefunden...

schönes we

Zellenhintergrundfarbe mit CSS

Dirk Levy
  
Beiträge gesamt: 9464

28. Jun 2003, 16:34
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
Ganz einfach:
.hgtab { background-color: aqua }
als CSS-Definition
dann nur noch die Zelle anwählen,
den CSS-Inspektor öffnen und zuweisen,
im Quälkot sieht es dann so aus:
<table width="180" border="1" cellspacing="2" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="hgtab"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de

Zellenhintergrundfarbe mit CSS

René69
Beiträge gesamt: 18

28. Jun 2003, 17:22
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
danke, habe es versucht. Ich möchte aber, dass der gasamte Hintergrund einer Zelle bei CSS mit A:hover und A:visite die Farbe verändert. Leider verändert sich nur die Grösse, wo Text steht. Der Rest bis zum Zellenende bleibt weiss, wie es bei inaktiven Link korrekt wäre. Hoffentlich konnte ich mich nun klarer Ausdrücken.

Kann ich denn im CSS das einflechten?

Momentan sieht es so aus:

A:visited { background-color: red;
color : black;
font-size:9pt;
text-decoration: none;
}

A:hover { background-color: aqua;
color: black;
font-size:9pt;
font-weight : bold;
text-decoration: none;
}

A:active { color: black;
font-size:9pt;
font-weight : bold;
text-decoration: none;
background-color : #A3D39C;
}

Oder irgendwie müsste es doch auch mit Tipp21 von gltipps.de gehen?
Gruss

René

(Dieser Beitrag wurde von René69 am 28. Jun 2003, 17:31 geändert)

Zellenhintergrundfarbe mit CSS

Dirk Levy
  
Beiträge gesamt: 9464

28. Jun 2003, 17:44
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
Für JavaScript gibt es ja bei mir den Tipp:
http://gltipps.de/pages/tipps/tipp21.html
oder das hier:
http://drweb.de/...iste/tricks106.shtml
Rein mit CSS habe ich nicht gefunden....

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de

Zellenhintergrundfarbe mit CSS

Dirk Levy
  
Beiträge gesamt: 9464

28. Jun 2003, 17:45
Bewertung:

gelesen: 1341

Beitrag als Lesezeichen
Stimmt habe das auf die Schnelle
überlesen, mit Tipp 21 ist es
zu realisieren....
Ist zu warm heute... ;-)

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de