Aufklappbares Menü

Webdesign & Technik Javascript
1

Ich hab jetz zu lange gesucht, und desshalb frage ich euch;
Wie schaffe ich es ein aufklappbares Menü zu machen. Style ist erstmal egal, nur so, dass ich es dann noch beartbeitn kann.

Ich habe von JavaScript nicht viel ahnung, und vom anlegen einer externen css datei au net, desshalb, sollte die anleitung sehr deutlich und ich sag mal für anfänger erklärt sein. :p

Danke im Vorraus :bandit: :nutz: :ps:

2

Wenns nicht Javascript sein muß, gibts auch hier Anleitungen für ein CSS-Dropdown-Menü. Bzw. ist das Son of Suckerfisch-Dropdownmenü auch ganz nett.

3

klappt das meü bei hover auf, oder nur wenn man drauf klickt??

4

hi,

schau es dir doch einfach selber an.

greez,
mmemichi

5

das aller erste menü, vom ersten antwort post, wie muss ich die Dateien speichern, ich blick da net durch.

Da steht nur css-teil 1 und 2, aber es wird auf die css dateien innen und aussen verlinkt im ersten, was ist was?

HILFE

6

Wenn du dir den Quelltext der Seite und darin den entsprechenden Teil zu dem Menü, solltest du drauf kommen.

7

Verstehe ich das richtig,
der teil

[quote]

<div id="menue">
	<div class="aussen">

Produkte
Systeme
Speicher
Laufwerke
Monitore
Drucker
Zubehör



Leistungen
Netzwerke
Server
Wartung


Service
Reparatur
Konfiguration
Software
Schulung


Links
About Us
Partner
Referenzen

<![endif]–>

[/quote] kommt in die index und die restlichen html-Dateien

Der Teil ist innen.css

[quote]#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}[/quote]

und dat is aussen:

[quote]#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst ‘zuckt’ es /
padding: 2px 0;
font-size: 100%; / fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}[/quote]

HILFE

8

hat sich geklär