• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dropdown menü zur Seite

Status
Für weitere Antworten geschlossen.
M

maxi_k

Neues Mitglied
Hallo,
ich würde gerne ein Dropdown-menü zur Seite erstellen.
Hier ein entwurf den ich mal schnell gebalstelt habe: Unbenannt-2.jpg.

oder auch noch ein Beispiel: http://www.lwis.net/free-css-drop-down-menu/dropdown.ultimate.horizontal.html

einfach auf "About Us" und dann wie der Punkt "the team" zur seite geht. so hab ich mir das vorgestellt.
Hab schon etliches ausprobiert aber nie das gewüsnchte ergebniss erzielt...

ich fänds nett wenn mir einer von euch helfen könnte
LG
Maxi
 
Zuletzt bearbeitet:
Und inwiefern sollen wir dir helfen? Wir Wissen nicht, was dein Ergebnis ist.
 
maxi_k schrieb:
Hallo,
ich würde gerne ein Dropdown-menü zur Seite erstellen.
Hier ein entwurf den ich mal schnell gebalstelt habe: Anhang anzeigen 1356.

oder auch noch ein Beispiel: Ultimate Horizontal Drop-Down Menu Demo

einfach auf "About Us" und dann wie der Punkt "the team" zur seite geht. so hab ich mir das vorgestellt.
Hab schon etliches ausprobiert aber nie das gewüsnchte ergebniss erzielt...

ich fänds nett wenn mir einer von euch helfen könnte
LG
Maxi
Zum Vergrößern anklicken....
Ich habe es genau so versucht aber auch nie hinbekommen!
 
Für Dich gilt die selbe Frage wie für maxi_k: Was ist Deine Frage? Du wirst wohl was falsch gemacht haben, aber was, können wir nicht erraten.
 
so um eine genauere angabe zu machen hab ichs nochmals ausprobiert.
und wie schon gesagt es soll an der rechtenseite aufgehen und nicht unten
und es soll auch nicht die unteren punkte nach unten verschieben aber ich bekomms einfach nicht hin :-?
Hier das ernüchternde ergebniss:
CSS:
[highlight]body {
font: normal 100% Arial, Helvetica, sans-serif;
}
ul#Navigation {
width: 8em;
margin: 0; padding: 0.0em;
border: 0px solid black;
background-color: white;
}
ul#Navigation li {
list-style: none;
margin: 0.0em; padding: 0;
}
ul#Navigation li ul {
margin: 0 0 0 1em; padding: 0;
}
ul#Navigation li ul li {
margin: 0.0em 0;
}
ul#Navigation a {
display: block;
padding: 0.2em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: blue;
border-top-color: blue;
color: black;
background-color: #ffffff;
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black;
border-top-color: black;
color: white;
background-color: blue;
}
ul#Navigation li>ul {
display: none;
top: 1.6em;
}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
display: block;
}
[/highlight]

HTML:
[highlight]<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Unbenanntes Dokument</title>
</head>

<body>
<ul id="Navigation">
<li><a href="#">Beispiel 1</a>
<ul>
<li><a href="#">Beispiel 1a</a></li>
<li><a href="#">Beispiel 1b</a></li>
<li><a href="#">Beispiel 1c</a></li>
</ul>
</li>
<li><a href="#">Beispiel 2</a></li>
<li><a href="#">Beispiel 3</a></li></ul>
</div>
</body>
</html>
[/highlight]
 
Wenn Du Dein aufklappendes Menü woanders haben willst, dann musst Du das natürlich auch angeben.
Du hast ja nichts angegeben, wo das aufklappen soll, also öffnet es sich im Textfluss unter dem Beispiel 1.
Es geht hier um "ul#Navigation li > ul".
Da steht nur was von "top", das zieht aber nur zusammen mit "position".
Du könntest entweder auch position einsetzen oder mit einem negativen Margin probieren.
 
ok jetzt hab ich aber wieder das selbe problem
hab das ganze mit XHTML gemacht damit es im IE vom Layout funktioniert
aber jetzt geht garnichtsmehr sogar mit nagativem margin
kann mir bitte nochmal jemand helfen?
hier der stand:
XHTML Dropdown
 
bieder-design schrieb:
ich sehe Dein Problem nicht. Bei mir funktioniert es im IE und auch im FF ohne Probleme.
Zum Vergrößern anklicken....
oh hm dummerweise hab ich vergessen hinzuschreiben das sich das öffnende menü genau auf der höhe der ursprünglichen liste sein sollte weil so wie es im moment ist, kommt man nicht an die unterpunkte oder nur sehr schwer :S
 
Zuletzt bearbeitet:
Entweder, Du machst einen negativen margin nach oben oder Du verkleinerst Deinen marin nach links. Schon gehts.
Das wurde aber schon gesagt.
 
Efchen schrieb:
Entweder, Du machst einen negativen margin nach oben oder Du verkleinerst Deinen marin nach links. Schon gehts.
Das wurde aber schon gesagt.
Zum Vergrößern anklicken....
Also du kannst es selber auch ausprobieren wenn du willst aber wenn ich die margin links verkleiner wandert das aufklapende menü nur über das stamm menü.
und die negative margin oben kann ich von -10.000... bis -1 gehen und es passiert nichts
 
Ich hab das vorher ausprobiert, es geht wunderbar.
Wenn Du den Abstand nach links verkleinerst, wandert das Untermenü über den Rest, das ist richtig, aber dann kann man auch auf die Untermenüpunkte klicken, ohne eine akrobatische Meisterleistung mit der Maus vollbringen zu müssen :-)

Den negativen margin in "ul#Navigation li > ul" eintragen. Vielleicht hattest Du ihn an der falschen Stelle.
 
wow danke ich glaub ich habs grad geschafft.
vielen dank Efchen und den anderen natürlich auch vielen dank
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben