Zum Inhalt springen

Menü/Sitemap umformatieren

Erstellt am 7. Januar 2006 · 8 Antworten · letzte Antwort am 12. Januar 2006

Tags: HTML & CSS, Frage

axlf ·

Hallo,

auf die Gefahr hin dass ich mit meiner Frage verflucht werde, stelle ich sie aber doch 😉

Ich möchte eine Seite (Seitentyp Menü/Sitemap) umformatieren. Weiß aber absolut nicht wo ich da Anfangen soll...

Als Menütyp habe ich 'Menü der Unterseiten (mit Inhaltsangabe)' gewählt. Die Menüebene wird korrekt angezeigt und es ist eigentlich auch schon fast so wie ich das möchte.
Jedoch wird die Inhaltsangabe direkt unter dem Seitentitel angezeigt. Ich möchte aber dass die Inhalstsangabe rechts daneben erscheint, und kleiner...

Also NICHT so:
Seitentitel1
Inhaltsangabe1

Seitentitel2
Inhaltsangabe2

Seitentitel2
Inhaltsangabe2
...

sondern SO:

Seitentitel1 | Inhaltsangabe1
Seitentitel2 | Inhaltsangabe2
Seitentitel3 | Inhaltsangabe3

Wie kann ich das realiseren? Wo muss ich da anfangen ?

Viele Grüße,
Alexander

axlf ·
steffenK schrieb

schau Dir die Ausgabe des html's an, dann kannst Du das mit CSS machen, Stichwort display:inline;

Ich glaube so funktionierts nicht... es wird nämlich folgender HTML Code generiert:
=========================
<a name="48"></a>
<b><a href="index.php?id=28" target="page" onfocus="blurLink(this);">
<b>Name, Vorname</b></a>
<br>
<b>Hier steht die Ihaltsangabe der seite....</b></b><br><img src="clear.gif" class="spacer-gif" alt="" title="" border="0" height="10" width="1"><br>
=========================

Also getrennt wird mit einem <br>...

Weiter wüsste ich gar nicht wie ich der speziellen seite, bzw. dem Inhaltselement eine spezielle CSS id zuweisen könnte....

axlf ·

Ich habe es mittlerweile rasugefunden:

Im typoscript z.B. so...

## Formatierung des Elements Menü/Sitemap
tt_content.menu.20.4 {
  1.NO.linkWrap= |
  1.wrap = <table width="600" align="center">|</table>
  1.NO.allWrap =  <tr><td valign="top" width="150">|</td></tr>
  1.NO.afterWrap = </td><td valign="top" align="justify">|<br><br></td><td>
}
steffenk ·

der ObjectBrowser bringt es ans Tageslicht 😉

Aber warum mit Tabellen ? ein <span> oder <p style="display:inline;"> tuns doch auch

axlf ·
steffenK schrieb

der ObjectBrowser bringt es ans Tageslicht 😉

Aber warum mit Tabellen ? ein <span> oder <p style="display:inline;"> tuns doch auch

Weil es tabellarisch aussehen soll...

Überschrift 1 InhaltsangabeInhaltsangabeInhalts
-angabe
Überschrift 2 InhaltsangabeInhaltsangabeInhalts
-angabe

mit der display:inline version sieht es eher so aus:

Überschrift 1 InhaltsangabeInhaltsangabeInhalts-
angabe
Überschrift 2 InhaltsangabeInhaltsangabeInhalts-
angabe

Gruß,
Alex

Da wird bei zu kurzer Zeile einfach umgebrochen

axlf ·
steffenK schrieb

der ObjectBrowser bringt es ans Tageslicht 😉
...

hm... Ich weiß leider nicht damit umzugehen...

Woher weiß man z.B. das "tt_content.menu.20.2" für die Sitemap ausgabe verantwortlich ist ??

Ei-Dotter ·

Das mit der 20.2 entspricht der Reihenfolge des Pulldownmenüs "Menü Typ". Also 1 steht für Menü der Unterseiten, 4 für Sitemap 6 für geänderte Seiten, usw.

steffenk ·
axlf schrieb
steffenK schrieb

der ObjectBrowser bringt es ans Tageslicht 😉

Aber warum mit Tabellen ? ein <span> oder <p style="display:inline;"> tuns doch auch

Weil es tabellarisch aussehen soll...

Überschrift 1 InhaltsangabeInhaltsangabeInhalts
-angabe
Überschrift 2 InhaltsangabeInhaltsangabeInhalts
-angabe

mit der display:inline version sieht es eher so aus:

Überschrift 1 InhaltsangabeInhaltsangabeInhalts-
angabe
Überschrift 2 InhaltsangabeInhaltsangabeInhalts-
angabe

Gruß,
Alex

Da wird bei zu kurzer Zeile einfach umgebrochen

das hängt ganz von Deiner Formatierung ab.
Gib den Elementen eine feste Breite, ein Padding und pack die Zeilen in ein div, dann erreichst Du die Ausgabe die Du möchtest.
Ich wollte nur drauf hinweisen, das es auch ohne Tabellen geht - aber da es sich ja auch tatsächlich um tabellarische Daten handelt, wäre eine Tabelle semantisch auch nicht verkehrt.