hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
René69 S
Beiträge: 18
28. Jun 2003, 15:41
Beitrag #1 von 8
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


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é Top
 
X
mz
Beiträge: 12
28. Jun 2003, 16:21
Beitrag #2 von 8
Beitrag ID: #41666
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


hay

mit javascripts könnts funktionnieren...

hier ein ansatz:

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

gruzz
als Antwort auf: [#41650] Top
 
René69 S
Beiträge: 18
28. Jun 2003, 16:24
Beitrag #3 von 8
Beitrag ID: #41669
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


danke, ich probiers mal aus...

René
als Antwort auf: [#41650] Top
 
mz
Beiträge: 12
28. Jun 2003, 16:30
Beitrag #4 von 8
Beitrag ID: #41672
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


done... sorry - mit css hab ich keinen weg gefunden...

schönes we
als Antwort auf: [#41650] Top
 
Dirk Levy  A 
Beiträge: 9244
28. Jun 2003, 16:34
Beitrag #5 von 8
Beitrag ID: #41673
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


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
als Antwort auf: [#41650] Top
 
René69 S
Beiträge: 18
28. Jun 2003, 17:22
Beitrag #6 von 8
Beitrag ID: #41676
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


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é
als Antwort auf: [#41650]
(Dieser Beitrag wurde von René69 am 28. Jun 2003, 17:31 geändert)
Top
 
Dirk Levy  A 
Beiträge: 9244
28. Jun 2003, 17:44
Beitrag #7 von 8
Beitrag ID: #41680
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


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
als Antwort auf: [#41650] Top
 
Dirk Levy  A 
Beiträge: 9244
28. Jun 2003, 17:45
Beitrag #8 von 8
Beitrag ID: #41681
Bewertung:
(1086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Zellenhintergrundfarbe mit CSS


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
als Antwort auf: [#41650] Top
 
X