Hallo
ich erstelle im Inhaltselement "Normaler Text" unter einem fett formatiertem Text eine Liste mit mehreren Unterlisten:
Überschrift
* Listeneintrag 1
* Listeneintrag 2
--* Listeneintrag 2.1
----* Listeneintrag 2.1.1
----* Listeneintrag 2.1.2
--* Listeneintrag 2.2
--* Listeneintrag 2.3
* Listeneintrag 3
* Listeneintrag 4
usw.
in HTML sieht es so aus:
<b>Überschrift</b>
<ul>
<li>Listeneintrag 1</li>
<li>Listeneintrag 2
--<ul>
----<li>Listeneintrag 2.1
------<ul>
--------<li>Listeneintrag 2.1.1</li>
--------<li>Listeneintrag 2.1.2</li>
------</ul></li>
----<li>Listeneintrag 2.2</li>
----<li>Listeneintrag 2.3</li>
--</ul></li>
<li>Listeneintrag 3</li>
<li>Listeneintrag 4</li>
</ul>
Ich möchte nun zwischen dem fett formatiertem Text und dem Anfang der "ersten" Liste den Abstand verringern ( margin-top: -10px ). Der Abstand soll aber nur für die erste Liste stehen, nicht für die Unterlisten, da es sonst zu Darstellungsfehlern kommt.
Wie formatiere ich die "erste" liste? Wenn ich global den ul-tag formatiere dann gilt das ja auch für die Unterlisten...
Gruß
mr-m
Hallo,
verstehe deine Frage nicht ganz aber mit normalen css?
lieben gruß
tevsa
Überschrift
x
* Listeneintrag 1
Der abstand (x) soll verringert werden mit margin-top: -10px!
Wenn ich nun in die CSS ul{ margin-top:10 } schreibe gilt das auch für die Unterlisten in der Liste. Ich möchte also nur das erste <ul> formatiert haben.
Wie gesagt, die Liste steht im Inhaltselement "Normaler Text".
Das Problem ist das die Redaktuere keine Ahnung von HTML+CSS haben. Von daher möchte ich das automatisch die erste Liste den Abstand bekommt, die Listen in der Liste aber nicht.
Nun verstanden? Hoffe! Ist doch nicht so schwer ;-)
jetzt habe ich kapiert..... #paralyzed#
ul{
margin-top:-10px;
}
ul ul{
margin-top:0px;
}
bin mir nicht sicher vielleich muss es auch l
li ul{
margin-top:0px;
}
heissen. Wenn du das in dein typoscript packst:
seite = PAGE
# Jeder Seite eine eigene CSS-ID geben:
seite.bodyTagCObject = HTML
seite.bodyTagCObject.value.field = uid
seite.bodyTagCObject.value.wrap = <body id="uid|">
kannst du die seiten einzeln ansprechen. dmit könntest du das auf eine seite begrenzen.
Ist aber nur sinnvoll, wenn es wirklich nur einzelne seiten sind.
wenn es deutlich mehr als ein paar seiten sind, dann würde ich mit conditions arbeiten.
Hoffe das hilft.
lieben Gruß
Tevsa