Zum Inhalt springen

Menü / Sidmap zweispaltig

Erstellt am 19. Februar 2007 · 6 Antworten · letzte Antwort am 20. Februar 2007

Tags: Frage

Unbekannter Benutzer ·

Hallo,

ich möchte eine Sitemap erstellen, die sich zwei- oder dreispaltig darstellt.

Um es etwas genauer zu erklären: ich möchte eine Art Glossar erstellen mit ca. 100 Seiten (Einträgen), die über ein TMENU als Sidemap zweispaltig oder dreispaltig dargestellt werden. Als Vorbild dient mir dazu die Seite von Wikipedia "A bis Z"
http://de.wikipedia.org/wiki/Spezial:Alle_Seiten/Turnusarzt

So sieht bisher mein TS aus, was es leider nur alle Einträge untereinander ausgibt:

marks.GLOSSAR = HMENU
marks.GLOSSAR.entryLevel = 1
marks.GLOSSAR.1 = TMENU
#marks.GLOSSAR.1.expAll = 0
marks.GLOSSAR.1 { 
NO { 
allWrap = <td class="glossar">|</td>
}

Vielen Dank

einpraegsam.​net ·
Robbi schrieb

Hallo,

ich möchte eine Sitemap erstellen, die sich zwei- oder dreispaltig darstellt.

Um es etwas genauer zu erklären: ich möchte eine Art Glossar erstellen mit ca. 100 Seiten (Einträgen), die über ein TMENU als Sidemap zweispaltig oder dreispaltig dargestellt werden. Als Vorbild dient mir dazu die Seite von Wikipedia "A bis Z"
http://de.wikipedia.org/wiki/Spezial:Alle_Seiten/Turnusarzt

So sieht bisher mein TS aus, was es leider nur alle Einträge untereinander ausgibt:

marks.GLOSSAR = HMENU
marks.GLOSSAR.entryLevel = 1
marks.GLOSSAR.1 = TMENU
#marks.GLOSSAR.1.expAll = 0
marks.GLOSSAR.1 { 
NO { 
allWrap = <td class="glossar">|</td>
}

Vielen Dank

Du könntest das Menü einfach nebeneinander ausgeben, einen entsprechenden Margin einstellen, dass drei Punkte nebeneinander passen, der vierte wird dann umbrechen

eliafranke ·

Moin,

ja diese Lösung gibt es natürlich auch. Dachte robbi will es unbedingt wie in dem Beispiel haben - vertikal... 😃
Naja wünsche viel Erfolg @ robbi!

LG Elia

Unbekannter Benutzer · · Beste Antwort

Danke die Hilfe.
Ich habe bereits versucht, dass Ganze vertikal anzurodnen, aber wenn ich zwischen den Einträgen ein margin setze (testweise auch ein spacer.gif), dann bekomme ich es trotzdem nicht sauber in Spalten dargestellt, sondern immer nur sehr ungeordnet (eben immer mit entpreschenden Abstand bei den unterschiedlich langen Begriffen).

Hat vielleicht noch jemand einen CSS- oder TypoScript-Kniff?

eliafranke ·

Mach es im TS so:

marks.GLOSSAR = HMENU
marks.GLOSSAR.entryLevel = 1
marks.GLOSSAR.1 = TMENU
marks.GLOSSAR.1.wrap = <ul class="glossar">|</ul>
marks.GLOSSAR.1 {
	NO {
		allWrap = <li>|</li>
	}
}

Und in deine CSS Datei:

ul.glossar {
	clear:both;
	float:left;
	display:block;
	width:360px;
}

ul.glossar li {
	float:left;
	display:block;
	width:120px;
	padding:3px 0 3px 0;
}

Ich habs nicht getestet, müsste aber in etwa so gehn. 🙂

LG Elia

Unbekannter Benutzer ·

Hallo Elia,

vielen Dank, du hast mir sehr weiter geholfen. Ich denke, es wird höchste Zeit, dass ich mich mal wirklich tiefgreifend in die CSS-Welt einarbeite :o .

Robbi

Nachtrag: leider zeigt es der IE 7.0 noch als einspaltige Liste mit Bullets an
Nachtrag 2: es klappt auch im IE 7.0, man muss doch ab und zu einen Refresh machen (und ich endlich mal pennen).