[Gelöst] CSS Zeilenumbruch in Navigation um Platz zu sparen?
Eingetragen von michi1983 (73)am 31.08.2011 - 12:05 Uhr in
Hallo Leute,
Ich bin gerade dabei die Navigation für eine Drupal Seite zu erstellen.
Jetzt habe ich aber ein Platz Problem.
Ich habe in einem <div> die ganzen Primary Links drin, nur ist die Menüleiste zu kurz bzw. die Primary-Links zu lange.
Da die Primary-Links relativ lang sind, wäre es mir egal wenn sie zweizeilig geschrieben werden, nur hab ich grade keinen Plan wie ich das anstellen soll.
Ich habe euch einen Screenshot angehängt um das Problem besser darzustellen:
Ich danke euch für eure Mühe!
Mfg
Michael
//Edit:
Ich kann hier den Link zum online Hoster bei dem ich das Bild hochgeladen hab nicht posten?!
- Anmelden oder Registrieren um Kommentare zu schreiben
hallo michael du kannst das
am 31.08.2011 - 12:58 Uhr
hallo michael
du kannst das bild hier auch dierkt hochladen...
aber zu deinem problem:
benutz du firebug
wenn ja schau doch nach wie der
menu item container heisst und reduziere die breite
und zwinge es so zu einem umbruch
gruss
stef
Hi Stef,das hab ich
am 31.08.2011 - 13:58 Uhr
Hi Stef,
das hab ich versucht, aber dann schiebt er mir die Punkte nur hinten nach sodass ich die letzten 2 Punkte gar nicht mehr sehe.
Ich habe jetzt den li elementen ein display:inline und eine fixe Breite verpasst, jetzt sind die Menüeinträge zwar zweileilig wie ichs gern hätte, jedoch rückt er mir die Punkte nicht automatisch zusammen.
Und ja, ich verwende firebug :) ein Muss zum debuggen ;)
Hm, wo mache ich das mit dem Bild? Wenn ich auf "Insert/Edit Bild" gehe, fragt er mich nach dem Pfad für das Bild. Aber das ist ja lokal bei mir.
Mfg
Michael
Zitat: Hm, wo mache ich das
am 31.08.2011 - 13:55 Uhr
Hm, wo mache ich das mit dem Bild? Wenn ich auf "Insert/Edit Bild" gehe, fragt er mich nach dem Pfad für das Bild. Aber das ist ja lokal bei mir.
etwas tiefer per 'dateianhänge' kannst du ein bild hochladen
Gott bin ich blind :) Danke
am 31.08.2011 - 13:58 Uhr
Gott bin ich blind :) Danke ;)
Hab das Posting oben editiert.
Gruß
... und dann einbinden
am 31.08.2011 - 15:00 Uhr
dann sieht man das Bild direkt, ohne draufklicken zu müssen ;-)
(Ist ein bisschen kompliziert, zugegeben.)
CSS white-space:normal;
am 31.08.2011 - 15:04 Uhr
Probier's mal damit: http://reference.sitepoint.com/css/white-space
1kubik schrieb hallo
am 31.08.2011 - 16:14 Uhr
hallo michael
menu item container heisst und reduziere die breite
und zwinge es so zu einem umbruch
gruss
stef
und die höhe mußt du natürlich entsprechend anpassen. dann sollte es gehen.
das habe hier genauso gemacht hier: http://www.photovoltaikanlage.biz/
So Leute, vielen Dank für die
am 01.09.2011 - 10:34 Uhr
So Leute, vielen Dank für die Hilfe.
Es hat funktioniert mit dem reduzieren der Breite der li-Elemente, es war nur so verschachtelt, dass ich nicht direkt die richtigen Elemente bearbeitet habe.
Mfg
Michael