nicht angemeldet
Dropdown-Menü erweitern
0 
Gunnar Bittersmann
0 0 Gunnar Bittersmann
0
Dropdown-Menü erweitern
Der MartinHallo,
ich benutze nachfolgenden Code für ein CSS-JS-Dropdown-Menü.
Wenn man über einen Button fährt, klappen nach unten die Links aus.
Funktioniert soweit auch super - ich suche KEINE Alternative dazu.
Was ich jetzt aber daran gern ändern würde:
Aktuell ist der Button sowie die Menüpunkte in einem Bereich zusammengefasst und die Buttonbreite ist auch gleichzeitig die Breite der Menüpunkte. Wenn man diese breiter macht, verschiebt sich logischerweise beim Rollover dann auch alles andere neben dem Button nach rechts.
Wie kann ich also im vorhandenen Code Button und Menü "trennen", damit beide unterschiedliche Breiten haben können?
Es sollte aber natürlich nach wie vor noch gewährleistet sein, dass das Menü dann nicht beim Verlassen des Button verschwindet ;)
Grüße,
Nico Klausmann
<html>
<head>
<style type="text/css">
.bereich{display: block;color: black;background-color: #efefef;}
a{color:#6f6f6f}
a.link{display: block;color: #000000;font-family: Verdana, Arial;font-size: 11px;text-decoration: None;border-bottom: solid 1px #FFFFFF;padding:8px;padding-left:10px;}
a.link.bereich{display: block;background-color: #cfcfcf;width: 135px;height: 32px;}
a.link:hover{display: block;color: #000000;background-color: #cfcfcf;}
</style>
<script type='text/javascript'>
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<img src="navi1.png" width=135 height=32>
<span id="menue#1" style="display: none;">
<a href="mitglieder.htm" class="link">Mitglieder</a>
<a href="klassen.htm" class="link">Klassen</a>
</span>
</div>
</td>
<td valign="top">
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<img src="navi2.png" width=135 height=32>
<span id="menue#2" style="display: none;">
<a href="kontakt.htm" class="link">Kontakt</a>
<a href="impressum.htm" class="link">Impressum</a>
</span>
</div>
</td>
</tr>
</table>
</body>
</html>
-
@@NicoKlausmann:
nuqneH
Funktioniert soweit auch super - ich suche KEINE Alternative dazu.
Nein. Ohne JavaScript funktioniert’s nicht super, sondern gar nicht. Und du suchst keine Alternative zu einer nicht funktionierenden Navigation?
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Nein. Ohne JavaScript funktioniert’s nicht super, sondern gar nicht. Und du suchst keine Alternative zu einer nicht funktionierenden Navigation?
Wer kein JS anhat, der der hat eben Pech.
-
@@Franzley2:
nuqneH
Nein. Ohne JavaScript funktioniert’s nicht super, sondern gar nicht. Und du suchst keine Alternative zu einer nicht funktionierenden Navigation?
Wer kein JS anhat, der der hat eben Pech.
Falsch. Der Seitenbetreiber hat Pech, wenn die Besucher nicht navigieren können. Und äußerst bedeutsame Besucher haben kein JS an.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Falsch. Der Seitenbetreiber hat Pech, wenn die Besucher nicht navigieren können. Und äußerst bedeutsame Besucher haben kein JS an.
Nein der Besucher hat Pech wenn er aus "Angstgründen" JS ausgeschaltet hat.
Wer macht sowas heute noch? Ohne JS geht kaum noch eine Seite, nichtmal Facebook!
Und selbst ein Robot kann bei obiger Struktur schön spidern... egal ob nun die Navi JS nutzt oder nicht.
Man kann es auch übertreiben... aber in dem Forum hier sind alle anscheinend noch auf dem Stand von 1999.
-
Hallo,
Falsch. Der Seitenbetreiber hat Pech, wenn die Besucher nicht navigieren können. Und äußerst bedeutsame Besucher haben kein JS an.
Nein der Besucher hat Pech wenn er aus "Angstgründen" JS ausgeschaltet hat.Angst? Nein, mitAngst hat das wohl bei den meisten nicht viel zu tun.
Wer macht sowas heute noch?
Ich zum Beispiel. Javascript erlaube ich nur wenigen, handverlesenen Seiten, bei denen ich festgestellt habe, dass es wirklich einen mehrwert bringt, ohne mir gleichzeitig auf den Nerv zu gehen.
Ohne JS geht kaum noch eine Seite
Kann ich nicht behaupten. Viele Webpräsenzen sind sogar ohne Javascript viel angenehmer zu nutzen als mit.
nichtmal Facebook!
Wer braucht so'n Mist?
Man kann es auch übertreiben... aber in dem Forum hier sind alle anscheinend noch auf dem Stand von 1999.
Nein, und in manchen Punkten wünschte ich mir, es wäre so. Aber 1999 ist man vielleicht wirklich noch auf eine JS-basierte Navigation abgefahren, weil das einfach "geil" war. Da hat auch von Barrierefreiheit und Zugänglichkeit noch keiner gesprochen. Das hat sich immerhin deutlich verbessert.
Ciao,
Martin--
Man soll den Tag nicht vor dem Abend loben.
Und den Mann nicht vor dem Morgen.
(alte Volksweisheit)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(-
Nein, und in manchen Punkten wünschte ich mir, es wäre so. Aber 1999 ist man vielleicht wirklich noch auf eine JS-basierte Navigation abgefahren, weil das einfach "geil" war. Da hat auch von Barrierefreiheit und Zugänglichkeit noch keiner gesprochen. Das hat sich immerhin deutlich verbessert.
Ich frage mich, wie man heute ohne JS eine Dropdown-Navi für Tastatur gestalten will.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische -
nichtmal Facebook!
so what? Nach der Volkszählung geboren? 1984 nicht gelesen? Payback-Nutzer?
Grüße,cvb
-
-
-
-
-