Hilfe bei Dreamweaver-Menü

[Nixe]

Hallo,

ich bin noch ein Neuling auf dem Gebiet Dreamweaver und Programmieren und habe nun folgendes Problem.

Ich muss eine Navigation (mit Drop-Down) erstellen und komme hier an meine Grenzen. Folgendes soll passieren:

- die ersten drei Menü-Punkte sind fest und sollen nicht ausklappen
- der vierte Menü-Punkt soll senkrecht nach unten aufklappen
(die darunterliegenden Menü-Punkte sollen nach unten rutschen
- der fünfte und sechste Menü-Punkt soll wieder ohne Ausklappfunktion sein.

Versucht habe ich bis jetzt ein Spry-Menü mit Untermenü. Hier klappt das Untermenü jedoch immer nur zur Seite aus bzw. die folgenden Menüpunkte sind fest und rutschen nicht nach unten.
Dann habe ich es mit dem Spry-Akkordeon versucht. Habe es hier aber nicht geschafft einzelne Punkte ohne Ausklappfunktion zu erstellen.

Es wäre super wenn ihr mir weiterhelfen könnt! Leider bin ich auch noch nicht so weit, dass ich (bis auf Kleinigkeiten) selbst in den Code eingreifen kann.

Ich hoff auf Hilfe von euch (evtl. auch ein Tut. dazu oder ein Viedeo).

Danke schon mal!

 

[nordlicht1973]

AW: Hilfe bei Dreamweaver-Menü

Moinsen,

welche Version von DW nutzt Du denn? Vielleicht kann ich Dir bei Deiner Frage nach dieser Antwort helfen.

Markus

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Hi,

Dreamweaver ist mein erklärter Feind bei Menüs :-D Weiche immer auf Sothink DHTML Menu aus. Ist einfacher und super flexibel.
http://www.sothink.com/product/dhtmlmenu/
Sourcen und Code lassen sich easy implementieren und kostet nicht die Welt.

Grüße
Never

 

[fexx]

AW: Hilfe bei Dreamweaver-Menü

Hi,

Dreamweaver ist mein erklärter Feind bei Menüs :-D Weiche immer auf Sothink DHTML Menu aus. Ist einfacher und super flexibel.
http://www.sothink.com/product/dhtmlmenu/
Sourcen und Code lassen sich easy implementieren und kostet nicht die Welt.

Grüße
Never

Nette Eigenwerbung?! Auserdem sucht der TE nach einen Accordion Menü und nicht nach einem Dropdown.

Leider hab` ich mit "Spry Menüs" von DW direkt keine Erfahrungen, ich könnte aber dabei helfen sowas mit einem anderen JS Framework umzusetzen (zB jQuery).

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Eigenwerbung wär schön, dann müsst ich nicht mehr so viel arbeiten :-D

Aber hier wäre noch ein Tut für eine Realisierung mit CSS:


Grüße
Never

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

Ich nutze DW CS3

Danke für eure schnellen Antworten. Würde wenn möglich gerne alles im DW machen und nicht auf andere zurückgreifen

Grüße

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

@ Never
genau so ein Menü möchte ich nur eben mit der option, dass nicht alle Meüpunkte aufklappen.
So wie in deinem Beispiel () habe ich es auch hinbekommen nur habe ich Menü-Punkte ohne Untermenü. Kann ich das irgendwie definieren, dass manche nicht ausklappen?

Danke!!!

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Evtl. hilft Dir der Link weiter...
http://www.trainstation.cc/Tutorials/Dreamweaver/spry-accordian1.html

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

@ Never
Danke werd mich heute Abend gleich nochmal dransetzen

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Sorry, hat sich überschnitten. Einfach ohne <p> und Link angeben....

Hier die Lösung:

<div class="accordionMenu">

<h1>Accordion Menu</h1>

<div id="brand" class="menuSection">
<h2><a href="http://www.heise.de">Brand</a></h2>



</div>
<div id="promotion" class="menuSection">
<h2><a href="#promotion">Promotion</a></h2>


<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>

</div>
<div id="event" class="menuSection">
<h2><a href="#event">Event</a></h2>

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

Noch besser Danke

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

so, nun habe ich alles gestern abend mal ausprobiert hat auch super funktioniert!

Jetzt muss ich es nur noch in meine Sidebar bekommen und alles ist prima!

Danke euch allen!

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

... leider ist doch nicht alles super! :-(

Nun bekomme ich das Menü so wie ich es haben möchte in meine Sidebar. Habe aber immernoch das "Ausklappp-Probelm". Entweder klappt nichts aus oder alles einzelne ausschließen schaffe ich leider nicht.

Dann noch ein zweites Problem. Sobald ich die einzelnen Menüpunkte mit der jeweiligen Seite verlinke (hyperlink) funktioniert das Ausklappen auch nicht mehr.
Hier könnt ihr euch den aktuellen Stand der Seite mal anschauen...

www.danieltraub.de

Ich hoffe ihr könnt mir wieder weiterhelfen!!! Danke

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Hi,

die links verweisen derzeit nur lokal mit file:// das kann nicht gehen...

Menü schau ich mir gleich noch an...

Never

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Was passiert wenn Du die Zeile: <div class="AccordionPanelContent"></div> rausnimmst, wo Du sie nicht brauchst?

Never

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

Hallo Nerver,
leider klappe es so nicht! sobald ich diese zeile
<div class="AccordionPanelContent"></div>
rausnehme, funktioniert kein menüpunkt mehr mit ausklappfunktion mehr. egal wo ich sie rausnehme bin wirklich ratlos. probier schon wieder seit drei tagen eine lösung zu finden...

 

[Nixe]

AW: Hilfe bei Dreamweaver-Menü

gibt es für dieses Menü sowas wie: fixedHeight="0" ?

 

[Nevertrust]

AW: Hilfe bei Dreamweaver-Menü

Hi Nixe,

du könntest schauen ob Du zwei verschiedene AccordionPannelContent Styles definierst mit unterschiedlichen Höhen Werten.

Allerdings wäre ich schon längst auf die nachfolgende Variante geswitcht. Da reicht es das <p> wegzulassen und es klappt nicht aus. Ich denke das wird einfacher für die Wartung und Erweiterung.