tabelle bei rollover farbe wechseln lassen [WIE?]

cwolf

Haudegen

Dabei seit: 18.04.2003

Beiträge: 707

Dienstag, 6. Januar 2004, 20:22

hi ihr kennt doch sicherlich den effekt, dass wenn man auf bei der navigation, pro button eine tabelle benützt, und die tabelle beim darüberfahren ihre farbe ändert und der ganze tabelleinhalt auch gerade der link ist.

könnte mir jemand sagen nach was suchen muss, um das zu finden. ich habe mit google versucht doch irgendwie nichts schlaues herausbekommen weil ich ja nicht weiss nach was ich suchen muss

.

oder
den code hier reinschreiben?

ich danke dir schon jetzt für deine hilfe wolfhomepage

Clan Design Clandesign Service <= Design auf Wunsch!

Mastko

unregistriert

Dienstag, 6. Januar 2004, 20:34

CSS wird gebraucht

Um das Ganze zu realisieren, brauchst du CSS. Du legt dann für die Tabellenzelle fest, dass beim drüberfahren (hover) etwas passieren soll. So wie du es von ganz normalen Links kennst.

Eine gute Seite zum Thema CSS ist http://www.css4you.de.
Hier findest du speziell zu den "Pseudoklassen" etwas:
http://css4you.de/pseudoproperty.php.

:hover beschreibt dabei das, was beim Überfahren mit der Maus geschehen muss.
Angenommen, du verwendest den Hovereffekt bei der Tabellenzelle <td>. Dann schreibst du in deine CSS-Datei folgendes:

	Quellcode
1 2 3 4 5 6 7	td:hover { /hier kommt das rein, was passieren soll z.B./ background-color: #FFFFFF; color: #000000; text-decoration: none; /u.s.w. .../ }

TheShadow

Haudegen

Dabei seit: 02.12.2003

Beiträge: 508

Dienstag, 6. Januar 2004, 20:36

Man kann das auch allgemein festlegen und durch den class Befehl immer wieder einbinden. Hier ein einfaches Beispiel:

Quellcode

<html>
<body>
<head>
<title></title>
</head>

<style>
.tabelle A {
	BACKGROUND-COLOR: blue; COLOR: white
}
.tabelle A:hover {
	BACKGROUND-COLOR: red; COLOR: withe
}
</style>

<table border="0">
<tr>
 <td class=tabelle><a href="#">TEST</a></td>
</tr>
</table>

</body>
</html>

Da kann man noch einiges z.B. Border, etc einstellen....kann ich auch noch posten.

[außer Betrieb]

cwolf

Haudegen

Dabei seit: 18.04.2003

Beiträge: 707

Dienstag, 6. Januar 2004, 20:58

ok das ist ganz nett von euch beiden

also ich weiss schon was css ist

brauche es ja auch selber weil es ja so was schönes ist

.

jo also euer code leuchtet mir eigentlich ein

also das background-color mit dem hover zusammen zu tun habe ich mal versucht gehabt aber muss wohl was falsches darin gewesen sein

.

mehr brauche ich eigentlich nicht

.

THX für eure hilfe mastko und shadow
wolfhomepage

Clan Design Clandesign Service <= Design auf Wunsch!

TheShadow

Haudegen

Dabei seit: 02.12.2003

Beiträge: 508

Dienstag, 6. Januar 2004, 21:00

Kein Problem

Solltest du noch Fragen zum Rand, etc haben kannste dich ja melden

[außer Betrieb]

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

Dienstag, 6. Januar 2004, 21:05

Oder noch ein Vorschlag:

Quellcode

<style type="text/css">
.tablea {
 color: #000000;
 background-color: #E2E2E2;
}
</style>

<table border="0">
    <tr>
      <td class="tablea" onmouseover="this.style.backgroundColor='D2C286';" style="WIDTH: 80%; BACKGROUND-COLOR: #d2c286" onmouseout="this.style.backgroundColor='E7E3E7';" align="left">Dein
        Text!!</td>
    </tr>
</table>

Ist aber nicht ganz richtig am Anfang aber mir machts nix aus!

EDIT: Bis ich dann mal auf Senden klicke ist schon alles geregelt

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Sebian« (6. Januar 2004, 21:08)