Zum Inhalt springen

Diverses (Menü, CSS)

Erstellt am 10. November 2006 · 4 Antworten · letzte Antwort am 10. November 2006

Tags: HTML & CSS, Frage

angel13 ·

Hallo,

nachdem ich mich nun durch die Typo3 Dokumentation durchgekämpft hab, sieht meine Seite dann doch ganz gut aus.
Allerdings bereitet mir das Menü noch immer etwas Kummer.
1. Problem:
Meine Menüstruktur:
Bild: C:\…\Clipboard01.jpg Super, wie krieg ich hier enn Bilder rein????? #paralyzed#
So soll's aussehen. Die Untermenüpunkte hätte ich gerne etwas eingerückt, was ich über CSS gemacht hab. Allerdings werden die gleich sehr weit eingerückt, egal, was ich in dem CSS drinstehen hab.
Bild: C:\…\Clipboard02.jpg

MENU_LINKS = HMENU
		MENU_LINKS.special = directory
		MENU_LINKS.special.value = 2
		MENU_LINKS.1.entryLevel = 1
		MENU_LINKS.1 = GMENU
		MENU_LINKS.1.NO = 1
		MENU_LINKS.1.NO {
			XY = 146, 30
			backColor = #ECF7FF
			10 = TEXT
			10.text.field = title
			10.fontColor = #003366
			10.fontFile = fileadmin/font/arial.ttf
			10.fontSize = 12
			10.offset = 7, 21
		}
		MENU_LINKS.1.RO < .MENU_LINKS.1.NO
		MENU_LINKS.1.RO.backColor = #DAE9FF
		
		MENU_LINKS.1.CUR < .RO
		MENU_LINKS.2 < .MENU_LINKS.1
		#MENU_LINKS.special = directory
		MENU_LINKS.2.special.value = 16
		MENU_LINKS.2.entryLevel = 2
		MENU_LINKS.2 {
			wrap = <ul class="submenu"> | </ul>
			RO < .MENU_LINKS.1.RO
			CUR < .RO
		}

Mein CSS dazu:

#submenu {
	margin-left: 2px;

}

Ich hätte gern das Untermenü nicht ganz so weit eingerückt und nach Möglichkeit auch net so tief (also näher an dem zugehörenden Menüpunkt dran).

2. Problem:
Wenn ich auf den letzten Menüpunkt klicke, bekomme ich folgende Meldung:

Error!

The requested page didn't have a proper connection to the tree-root!

()
Wieso, weshalb, warum? Und vor allen Dingen: was kann ich dagegen tun??

Honk88 ·

Hi;

wrap = <ul class="submenu"> | </ul>

heißt das auch die Formatierung des UL-Tags Einfluss hat.

also spacing, padding etc des ul-Tags mal auf null setzten
und sehen ob es was bringt.

LG
Honk

angel13 ·

Hi Honk88,

also so dann?

ul.submenu {
margin-left: 5px;
spacing: 0px;
border-spacing:0px;
padding: 0px;
border: 0px;
word-spacing: 0.0em;
letter-spacing: 0.0em;
}

Bringt aber trotzdem nix. 😢
Trotzdem danke.

Angel

n2o ·

Hi,

ich seh den Fehler auch nicht gerade, aber kannst du mal den:

HTML Code des Templates (entsprechende stelle)
HTML Code der ausgabe (auch nur von der entsprechenden stelle)

uns geben, dann müsste man das auch noch in den Griff kriegen.

gruss n2o

angel13 ·

Hab's jetzt grad hingekriegt...

MENU_LINKS.2.special.value = 16
MENU_LINKS.2.entryLevel = 2
MENU_LINKS.2.wrap = <ul>|</ul>
MENU_LINKS.2.NO = 1
MENU_LINKS.2.NO.WrapItemAndSub = <li>|</li>

Und CSS dazu:

ul {  margin: 20px;
      padding: 0px,
      spacing: 0px;
}

Ich hab zwar absolut keine Ahnung, was das WrapItemAndSub macht, aber so funktioniert's.
Ausser dass die Untermenüpunkte so weit weg von den dazugehörigen Menüpunkten der ersten Ebene sind.
Weiss dazu noch jemand Rat?

Angel