Willkommen auf dem Portal für Mediengestalter

helloWWW · Threadersteller

Hallo zusammen,
ich sitze seit längerem daran, mit CSS ein drop-down-menu in diesem Stil zu machen. Da gibts auch ne Anleitung, aber die versteh ich nicht.
Dann hab ich viele mit javascripten gesehen. Doch das muss doch auch irgendwie ohne gehen, oder?
Kann mir da jemand helfen?

Danke schonmal
Fabian

ulmer_hocker · Account gelöscht

http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

helloWWW · Threadersteller

auf self html bin ich gar nicht kommen ... warum auch einfach wenns auch schwierig geht *zwinker*

dank dir!

Raumwurm · **Verfasst** So 02.04.2006 14:24 **Titel**

Jess · **Verfasst** So 02.04.2006 16:32 **Titel**

Siehe auch hier:

http://www.alistapart.com/articles/dropdowns

sehr guter Artikel.

Ganz ohne javascript streikt der IE...

suppenhuhn · **Verfasst** So 02.04.2006 22:05 **Titel**

hallo ich habe grade mal das menu (http://www.alistapart.com/articles/dropdowns) ausprobiert, leider funktioniert es nicht wenn es in eine tabelle eingebunden wird. woran kann das liegen?

bin schon den ganzen nachmittag am verzweifeln...

<head>

<title>Unbenanntes Dokument</title>

<link href="1.css" rel="stylesheet" type="text/css">
<script language="javascript" src="1.js"></script>

</head>

<body>

<table width="396" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" bgcolor="#333333"><ul id="nav1">
<li>eins
<ul id="nav1">
<li><a href="">zwei</a></li>
<li><a href="">drei</a></li>
<li><a href="">vier</a></li>
</ul id="nav">
</li>
</ul id="nav">
</td>
<td width="196" bgcolor="#999999"><ul id="nav1"><li>fünf
<ul id="nav1">
<li><a href="">sechs</a></li>
<li><a href="">sieben</a></li>
<li><a href="">acht</a></li>
</ul id="nav1">
</li>
</ul id="nav1">
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">neun
</td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>

1.js

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav1");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

liebe grüße
suppenhuhn

ulmer_hocker · Account gelöscht

@suppenhuhn: was soll die Tabelle?!?

@topic

Ich persönlich benutze zum umschiffen der IE-Probs grundsätzlich die .htc „whatever:hover“ : http://www.xs4all.nl/~peterned/csshover.html

suppenhuhn · **Verfasst** So 02.04.2006 23:05 **Titel**

danke für den tipp!
würde aber trotzdem gerne wissen aus welchem grund die sache aus der tabelle raus nur einmal angesprochen wird. kenne mich mit java script gar nicht aus.

Willkommen auf dem Portal für Mediengestalter

Thema: CSS-drop-down-menu OHNE javascript vom 02.04.2006

CSS-drop-down-menu OHNE javascript