Zum Inhalt springen

Einrückung kontrollieren

Erstellt am 21. Januar 2008 · 9 Antworten · letzte Antwort am 23. Januar 2008

Tags: HTML & CSS, Frage

Darthstar ·

Hallo ,

in meinem Submenu gibt es Einrückungen. Soweit auch gut, jedoch ist es schwierig nach einem Zeilenumbruch die Buchstaben korrekt auszurichten. Gibt es eine Möglichkeit die Zeilen 100% untereinander anfangen zu lassen?

Beispiel:

>>> Dies ist der _Submenu-Name --> durch "_" wird in die nächste Zeile gwechselt

Das sieht dann im FE so aus

>>> Dies ist der
       Submenu-Name

Die Worte "Dies" und "Submenu" stehen nicht exakt untereinander.

Irgendeine Idee wie man das machen kann?

Unbekannter Benutzer ·

kommt darauf an, wie diese >>> eingefügt sind... normalerweise löse ich sowas über padding, das gilt ja für jede Zeile. Muss ich mal HTML-Code davon sehen.

Darthstar ·

erstmal, danke für die antwort.

Typo3 macht ja aus den Navigationselementen .gifs.

Deshalb ist es ja schwierig da mit CSS ranzugehen. Die ">>>" sind im Titel des Subnavigationspunktes enthalten.

Unbekannter Benutzer ·

Ok, fassen wir zusammen... Du hast ein GMENU also ist der Text in einer Grafik verpackt, d.h. CSS hilft gar nicht.

Dann kann ich nur empfehlen, dass du die >>> aus den Titeln raus nimmst und als extra Textelement in die Grafik einbaust, dann kannst du den eigentlichen Titel per Offset sauber in zwei Zeilen untereinander setzen.

Darthstar ·

hmmm, ich glaube ich versteh wie du das meinst....

ich soll also innerhalb des SETUP für die Navi das ">>>" als element einbauen und den Text per OFFSET dann weiter in Y Richtung verschieben?

Ok von der Theorie habe ich es verstanden o.O
Gibt es irgendwo dafür beispielscripte? Ich weiß genau, dass wenn ich das ausprobiere ich da 10 Tage dran sitze 🙁

Darthstar ·
page.10.marks.SEITENNAVI = HMENU
page.10.marks.SEITENNAVI {

      		
      		special = directory
		special.value = 17
		entryLevel = 2
		1 = GMENU
		1.NO = 1
		1.NO 	{
			wrap = |<br>
			XY = 185, 24+[16.h]
			backColor = #80a681
			

			10 = TEXT
			10.text.field = subtitle // title
			10.text.listNum = 0
			10.text.listNum.splitChar = _
			10.fontColor = #FFFFFF
			10.fontFile = fileadmin/fonts/verdana.ttf
			10.fontSize = 9
			10.niceText = 1
			10.offset = 6, 16

 
# Eine ggf. vorhandene zweite Textzeile anzeigen lassen

              		15 < .10
              		15.text.listNum = 1
              		15.offset = 6, 32

 
# Hilfsebene zur Berechnung der Höhe von Menüpunkten

			16 < .10
			16.text.case = upper
			16.text.listNum = 1
			16.fontSize = 22
			16.offset = 1000,1000

            		}


1.RO < .1.NO
1.RO.backColor = #4e6853


2 < .1
2.NO 	{

	backColor = #80a681
	10.text.field = subtitle // title
	10.fontColor = #FFFFFF
	10.offset = 6,16
	10.fontSize = 9
	10.text.listNum = 0
	10.text.listNum.splitChar = _
	15.fontSize = 9
	15.text.listNum = 1

         }

2.RO < .2.NO
2.RO.backColor = #4e6853

      
        }      
[end]

2.NO ist die >>> Ebene
Danke schonmal

Unbekannter Benutzer ·
2.NO    {
        backColor = #80a681
        5 = TEXT
        5.text = >>>
        5.offset = 6, 16
        5.fontColor = #FFFFFF
        5.fontSize = 9

        10.text.field = subtitle // title
        10.fontColor = #FFFFFF
        10.offset = 25,16
        10.fontSize = 9
        10.text.listNum = 0
        10.text.listNum.splitChar = _

        15.fontSize = 9
        15.text.listNum = 1
        15.offset = 25,32
        }

Hier mal der Ansatz dafür, wie gesagt du müsstest die >>> dann aus dem Seitentitel rausnehmen und mit den offsets experimentieren.