[nove]

Naja ich weiss nicht ob die Überschrift passend ist. Schauen wir mal ob ich mein Problem so schildern kann, daß ich auch verstanden werde.

Ich habe in Typo ein TMENU gebaut. Funktioniert auch soweit. Nun möchte ich das ganze mit CSS formatieren. Der betreffende Typoscript-Teil sieht so aus:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14:

# ***MAINMENUE*** MAINMENUE = HMENU MAINMENUE.special = directory MAINMENUE.special.value = 6 MAINMENUE.entryLevel = 0 MAINMENUE.1 = TMENU MAINMENUE.1{ NO.allWrap = <div class="navi_level1">&nbsp;|&nbsp;|</div> } MAINMENUE.2 = TMENU MAINMENUE.2{ NO.allWrap = <div class="navi_level2">&nbsp;|&nbsp;|</div> }

das dazugehörige CSS File so:

.navi_level1{
	background-image: url(menuback.gif);
	background-repeat: no-repeat;
}

.navi_level1 a:hover{
	font-size:small;
	text-decoration:none;
	color: red;
	background-image: url(menuback_over.gif);
	background-color : #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level1 a:link{
	font-size:small;
	text-decoration:none;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level1 a:visited{
	font-size:small;
	text-decoration:none;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:hover{
	font-size: x-small;
	text-decoration:none;
	color: Red;
	background-color : #999999;
	background-image: url(menuback_over.gif);
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:link{
	font-size:x-small;
	text-decoration:none;
	color: black;
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:visited{
	font-size: x-small;
	text-decoration:none;
	color:black;
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

Sodele... jetzt würde ich gerne das so haben, daß die Breite und Höhe des DIVs durch die Größe des Hintergrundbildes bestimmt wird. Geht das irgendwie? Mein Hintergrundbild hat die Größe 175px X 25px.