Menue nebeneinander

10 Posts

space24 Reply #1, 19 years, 8 months ago

Hallo
ich habe eine Frage unzwar...
Ich möchte mein Style in Modx einbauen das is eigentlich so kein prob.
Aber ich bekomm es nicht hin das ,dass menue nebeneinander aufgelistet wird und nicht untereinander.
Ich habe dafür den Befehl aus dem Standart Style probirt.
Das ist er [[Wayfinder? &startId=`0`]] aber dann wird das Menue untereinander mit auslistung ausgegebn was ich ja nicht möchte.

Kann mir einer helfen?

Gruß Space

215 Posts

netnoise Reply #2, 19 years, 8 months ago

Du musst im Stylesheet die Darstellung der Wayfinder-Liste ändern.

Beispiele für die CSS-Gestaltung von Listen: Listamatic

Write secure snippets!
Lock down your server!

10 Posts

space24 Reply #3, 19 years, 8 months ago

Hi
Ich bin leider noch ein neuling in css.
Kannst du mir mal ein Beispiel machen?

Gruß Space

215 Posts

netnoise Reply #4, 19 years, 8 months ago

In Deinem CSS:

li {
  display: inline;
  list-style-type: none;
}

Write secure snippets!
Lock down your server!

10 Posts

space24 Reply #5, 19 years, 8 months ago

Geht leider nicht :’(
Wird trotzdem untereinander aufgelistet

1,039 Posts

MadeMyDay Reply #6, 19 years, 8 months ago

li {
  display: inline;
  list-style-type: none;
float: left;
}

Generell schwer zu raten, wenn nicht klar ist was Du machen willst (Screenshot), wie Du Wayfinder aufrust und wie der Code Output aussieht.

MODx deutsch | Webdesign Karlsruhe | Ressourcen für Webdesign

10 Posts

space24 Reply #7, 19 years, 8 months ago

HI
Also wenn ich den Css code nehmen von dir mit float: left; funktionirt es aber wenn ich daraus center mache geht es wieder nicht.
http://space-server.org/mo/
ich habe in Teamplate folgendes angegebn

<li id="dropmenu">		[[Wayfinder? &startId=`0`]]</li>

Als csscode habe ich deinen Code angeben nur mit center statt left
Habe ich was falsch gemacht?

Gruß Space

1,039 Posts

MadeMyDay Reply #8, 19 years, 8 months ago

float: center gibt es auch nicht.

<li id="dropmenu"> [[Wayfinder? &startId=`0`]]</li>

Macht keinen Sinn. Wayfinder baut eine vollständige Liste zusammen. Also kein li davor. Wie gesagt, ich habe ja keine Ahnung was Du machen willst..

MODx deutsch | Webdesign Karlsruhe | Ressourcen für Webdesign

10 Posts

space24 Reply #9, 19 years, 8 months ago

Hi
Also ich möchte die Navigation einfach als link nebeneinander ausgeben lassen.
So das es in den Balken geschrieben wird.
http://space-server.org/mo/

1,039 Posts

MadeMyDay Reply #10, 19 years, 8 months ago

Schreib ins Template mal

<div id="dropmenu">      [[Wayfinder? &startId=`0`]]</div>

CSS:

#dropmenu ul,#dropmenu ul li {
margin: 0;
padding: 0;
list-style: none;
}

#dropmenu ul li {
float: left;
display: inline;
}

Und dann halt weiter formatieren, Links eben mit:

#dropmenu ul li a{
color: blue;
font-size: wasweissich...
...
}

MODx deutsch | Webdesign Karlsruhe | Ressourcen für Webdesign