Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQS zu HP&Co.
Aufklappmenü - Html, CSS und Javascript (fürs Aufklappen) - statt Text mit Grafiken


Anmerkung:

Aufklappmenüs werden oft fälschlicherweise als Dropdownmenüs bezeichnet, obwohl das ja was anderes ist, siehe

http://www.devmag.net/tricks/js/javascript_3.htm (Dropdownmenü)


User: Suche dringend einen Code für einen Dropdownmenü, das dürfte doch mit Javascript kein Problem sein oder? Habe eine Seite, in der oben eine Reihe mit Buttons (jpg) ist. Wenn man mit der Maus über den jeweiligen Button geht, dann sollte eine ein Dropdownmenü nach unten aufklappen, in dem dann weitere Links stehen.

Hinweis eines anderen Users: http://www.devmag.net/tricks/js/javascript_3.htm

User: Suche mehr sowas hier
http://www.htmldog.com/articles/suckerfish/example/
nur dass anstatt einem Schriftlink da ein Bild ist.

Hallo,

hab da was gefunden, das geht auch mit Grafiken

http://www.javarea.de/index.php3?opencat...vigation&id=469

für Mozilla und Firefox dürfen die Grafiken nicht zu groß (hoch) sein, sonst gibts Überlappungen. Wer CSS-Kenntnisse hat, kann da auch sicher was machen, ansonsten verwendet man passende Grafiken.

daniel5959

User: Nun brauch ich nur noch etwas Hilfe beim verstellen der Parameter. Also, ich will drei Bilder in Form von Bitmaps einfügen, es soll in dem ersten Feld "Sprache" stehen. es soll nur ein Dropdownmenü Aufklappmenü sein und nicht mehrere. Wie stell ich das jetzt ein?

Hallo,

den Div-Teil ändern, damit er dann so aussieht

<div class="menu">
<ul><li><a onmouseover="montre('smenu1');" onmouseout="cache('smenu1');" href="">Sprache</a>
<ul style="display: none;" id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="deutsch.html"><img src="de.gif" border="0"></a></li>
<li><a href="english.html"><img src="gb.gif" border="0"></a></li>
<li><a href="france.html"><img src="fr.gif" border="0"></a></li>
</ul></li>
</ul>
</div>

Anzusehen unter

http://www.homepage-faqs.de/test-aufklap...pdown-test.html

http://www.homepage-faqs.de/test-aufklap...down-test2.html
(Version mit Text und Grafiken)

daniel5959

User: Wie stellt man die Position des ganzen Dropdownmenüs ein?

Hallo,

bin jetzt kein CSS-Spezialist, aber ich denke doch hier

div.menu {
position: absolute;
width: 600px;
left:100px;
top: 10px;
z-index: 3;
}

left = Abstand von links
top = Abstand von oben

daniel5959

Anleitung (C) 2006 Daniel Wurst - http://www.homepage-faqs.de