css und java script...

Xenon · #1 (**permalink**) 27.01.2005, 18:54

hi there!

bin neu im forum

und auch noch ein relativer frischling bei css und javascript und habe da ein paar fragen:

ich will ein menü in html darstellen. und zwar folgendermassen:

Code:

<tr><td style="border:1px solid #FFFFFF; border-right:5px solid #FFFFFF;" onMouseOver="this.style.border='1px solid #000066'; this.style.borderRight='5px solid #000066'" onMouseOut="this.style.border='1px solid #FFFFFF'; this.style.borderRight='5px solid #FFFFFF'">menü1</td></tr>

klappt auch alles ganz toll, nur wenn ich jetzt 20 solche menüeinträge habe, wird der quellcode irrsinnig und unüberschaubar

deswegen dachte ich daran, eine css-klasse zu definieren, die alle diese style-geschichten für das menü regelt.

ich dachte da an so etwas:

Code:

<html><head>
...
<style type="text/css">
.menue
{
border:1px solid #FFFFFF;
onMouseOver="this.style.border='1px solid 000066'";
onMouseOut="this.style.border='1px solid FFFFFF'";
}
</style>
</head>
<body>
...
<td class=menue>text</td>
...
</html>

wie mir schon beim tippen irgendwie klar war: das funzt so nicht

nur: WIE kann man das denn realisieren?

konkret: ich will eine css-klasse schreiben, die auch javascript eventhandler nutzt...

jemand eine idee?

N!KO · #2 (**permalink**) 27.01.2005, 19:01

versuch mal

Code:

.menue
{
border:1px solid #FFFFFF;
} 

.menue:hover
{
border:1px solid #000066;
}

Mfg Niko

wahsaga · #3 (**permalink**) 27.01.2005, 19:33

Zitat:

Zitat von Xenon

konkret: ich will eine css-klasse schreiben, die auch javascript eventhandler nutzt...

das ist so natürlich nicht möglich.

tipp: verzichte auf die tabelle zur darstellung, und nutze stattdessen eine liste. da kannst du dann auch ganz einfach per :hover-definition für die links das ganze regeln.
http://css.maxdesign.com.au/listamatic/ gibt dir eine menge netter anregungen zur umsetzung einer navigation in einer liste.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Ein Java script einbinden.	Miso	Javascript & Ajax	5	22.04.2009 15:50
Dreamweaver + Akkordeon Spry + Java Script + externer Link	BooKer	Javascript & Ajax	1	12.02.2009 12:49
Java Script im IE ignoriert Variable namens "name"	Escamoteur	Javascript & Ajax	7	31.08.2008 13:38
Wege zum guten CSS - Ausgewählte Links	Sp33dy G0nz4l3s	Ressourcen	1	27.05.2008 12:09
css formatierung in java newsticker	eyetag	CSS	5	11.06.2005 13:40