Drop Down Menü

[Reanimated]

Hallo,

ich versuche mich gerade an einem Drop Down Menu oder Rollover Menü....

Teilweise funktioniert es auch

http://www.fitdurchfitness.de/index2.php


Habe das Menü als Include mit eingebunden

http://www.fitdurchfitness.de/navi.html

Ansonsten, findet ihr ja die CSS und JS Datein im Quellcode



Und jetzt zu meinem Problem. Wie bekomme ich den Text (Menüpunkte) in die Mitte und weiter auseinander?

Und dann bei der aufklappenden Liste funktioniert auch einiges nicht. Und wenn ich ehrlich bin, habe ich ein wenig den Überblick verloren

 

[Maik]

Hi,

der <center>- und <ul>-Tag sind keine Nachfahrenelemente des ul-Elements.

Mit der margin-Eigenschaft lässt sich für die Menüpunkte ein Außenabstand festlegen.

Wie sich ein floatendes Listenmenü horizontal zentrieren lässt, kannst du dir auf http://www.cssplay.co.uk/menus/centered.html anschauen.

 

[Reanimated]

der <center>- und <ul>-Tag sind keine Nachfahrenelemente des ul-Elements.

Was meinst du damit?

das mit dem margin habe ich hinbekommen. Jetzt versuche ich das ganze mittig zu positionieren. Problem ist nur, ich weiß nicht welchen Position ich ansprechen muss. Grund dafür ist dass es ein fertiges Script ist und ich nicht ganz genau weiß was wozu dient.

 

[Maik]

Ich weiss ja nicht, wo du das Dropdown-Menü herbezogen hast, aber die rotmarkierten Zeilen sind hier falsch, denn dem ul-Element folgt ein li-Element:

<ul>
    <center><ul class="dropdown" valign="center">
        ...
    </ul></center>
</ul>

Das valign-Attribut ist für das ul-Element überhaupt nicht vorgesehen, abgesehen davon, dass der Attributswert center falsch gewählt ist, und middle lauten müsste.

Außerdem kommen mir diese Selektoren:

.ul.dropdown a { }
.ul.dropdown a:hover { }
.ul.dropdown ul { }
.ul.dropdown ul a, a:visited { }
.ul.dropdown ul a:hover { }
.ul.dropdown ul li { }

etwas spanisch vor, denn der Punkt vor dem ul-Element umschreibt eine Klasse namens "ul", und diese existiert in dem Menü überhaupt nicht.

Hat dir denn das zweite Beispiel "a centered floated left menu (unknown width)" auf der empfohlenen Seite nicht weitergeholfen?

 

[Reanimated]

Da hast du zum falschen Zeitpunkt geguckt
Da hab ich nur mal probiert. Aber wie du gesagt hast, es hat nicht geklappt...

Hab grade gesehen, ich hab vergessen die Include hochzuladen. Daher war der Fehler immer noch drin.


Das mit dem 2ten <ul> war auch mit dem Inculebefehl verbunden. hatte in der HTML Datei den <ul> Tag und in der HTML die ich included habe auch nochmal. Ist jetzt auch weg.

Die Klassen sind auch weg.

Das Beispiel habe ich nicht verstanden. Vor allem das mit dem <del> nicht. Was ist denn damit gemeint

 

[Maik]

Da hast du zum falschen Zeitpunkt geguckt

So, hab ich das? Der Quellcode existierte in dieser Form seit Beginn des Threads bis heute Morgen.

Das Beispiel habe ich nicht verstanden. Vor allem das mit dem <del> nicht. Was ist denn damit gemeint

http://de.selfhtml.org/html/referenz/elemente.htm#del

Warum der Autor dieses Element gewählt hat, kann ich dir auch nicht sagen, aber über Comments kannst du dies direkt bei ihm erfragen.