Thema: Abstand im Untermenü lässt sich scheinbar nicht per CSS regeln

Im Mainmnü links habe ich Untermenüpunkte:
http://www.yehudi.de/fotogalerie.html

Diese scheinen irgendwie ein völliges Eigenleben zu führen, denn trotz identischem CSS werden die Unterpunkte nicht so dargestellt, wie die Hauptpunkte. Das ganze soll ein schwarzer Balken sein, bei den Unterpunkten wird ieser aber unterbrochen.

Das CSS:

Code:

/*Menue links*/
a.mainlevel:link, a.mainlevel:visited {
        background-color: #000000;
	display: block;
	vertical-align: middle;
	font-size: 17px;
	color: #FF0000;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 25px !important;
	height: 25px;
	width: 108px !important;
	width: 126px;
	text-decoration: none;
	font-family: Colourbars, "Monotype Corsiva", "Harlow Solid Italic", "Magneto Fett", "URW Chancery L", Palette, "Comic Sans MS";
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #0000FF; /*blau*/
}

a.mainlevel:active {
	background-position: 0px -25px;
	text-decoration: none;
	color: #0000FF; /*blau*/
}

a.sublevel:link, a.sublevel:visited {
        background-color: #000000;
	display: block;
	vertical-align: middle;
	font-size: 16px;
	color: #FF0000;
	text-align: left;
	padding-top: 5px;
	padding-left: 14px;
	height: 25px !important;
	height: 25px;
	width: 108px !important;
	width: 126px;
	text-decoration: none;
	font-family: Colourbars, "Monotype Corsiva", "Harlow Solid Italic", "Magneto Fett", "URW Chancery L", Palette, "Comic Sans MS";
}

a.sublevel:hover {
	background-position: 0px -25px;
	color: #0000FF; /*blau*/
	text-decoration: none;	
}

a.sublevel:active {
	background-position: 0px -25px;
	color: #0000FF; /*blau*/
	text-decoration: none;	
}

Wird der Sublevel bei Jomla noch von was anderem beeinflußt?

Hi,

meinst Du diesen weißen Streifen?Unbenannt-1.gif

Genau, dieser wird aber in den Browsern unterschiedlich dargestellt. Du hast vermutlich den Firefox, oder eine andere Mozilla Engine am Start. Im opera macht er da noch weiße Leerzeilen zwischen. Und im IE sehe ich gerade fehlt ein Image: Namens indent1.png.
Diese Datei wird wohl von Joomla selber, und nicht vom template gestellt:

Code:

<div style="padding-left: 4px"><img src="http://www.yehudi.de/templates/yehudi_de/images/indent1.png" alt="" />

Ich habe die erst mal weitesgehend verkleinert. Für mich ist diese Grafik völlig überflüssig, jetzt sieht es zumindest in alle Browsern erst mal gleich aus.
Bleiben also:
1. Wie kriege ich den von Dir abgebildeten Einschub weg?
2. Wo kann ich in Joomla diese Grafik entfernen?

Hi,

der Einzug ist in der "mod_mainmenu.php" von Joomla fest gecodet (siehe Auszug)

Code:

		$indents = array(
			// block prefix / item prefix / item suffix / block suffix
			array( '<table width="100%" border="0" cellpadding="0" cellspacing="0">', '<tr align="left"><td>' , '</td></tr>', '</table>' ),
			array( '', '<div style="padding-left: 4px">'. $img[1] , '</div>', '' ),
			array( '', '<div style="padding-left: 8px">'. $img[2] , '</div>', '' ),
			array( '', '<div style="padding-left: 12px">'. $img[3] , '</div>', '' ),
			array( '', '<div style="padding-left: 16px">'. $img[4] , '</div>', '' ),
			array( '', '<div style="padding-left: 20px">'. $img[5] , '</div>', '' ),
			array( '', '<div style="padding-left: 24px">'. $img[6] , '</div>', '' ),
		);

Du kannst die Anzeige der Indent-Images jedoch im Module "Main-Menu" ausschalten
indent.gif

Super das habe ich jetzt beides geändert, klappt soweit ganz gut. *freu* Hätten die das Modul nicht auch mit CSS versetzen können? (Die Frage ist wohl eher rhetorisch)
Jetzt werde ich noch mal herumprobieren, wie ich die Kenntlichmachung dass es Unterpunkte sind umsetze. Das kriege ich aber schon hin.
Danke Dir für Deine erfolgreiche Hilfe.