[ghoti]

Hi,

hat jemand von euch vielleicht eine Idee, warum zwichen den Menüpunkten in allen Browsern Abstände entstehen? Im Screenshot im Anhang hab ich die Elemente markiert.
Mein Quellcode ist ohne Tabs und Leerzeichen:

<div id="menu"><img src="typo3temp/GB/61e5ccc2a1.gif" width="130" height="20" border="0" alt="" title="" /><ul class="level1"><li class="level1"><a href="index.php?id=46" onfocus="blurLink(this);"  ><img src="typo3temp/menu/06164f2aff.gif" width="150" height="20" border="0" alt="Erlebniswelten" /></a></li><li class="level1"><a href="index.php?id=45" onfocus="blurLink(this);"  ><img src="typo3temp/menu/b0768dcb38.gif" width="150" height="20" border="0" alt="Wellness" /></a></li><li class="level1_actsub"><a href="index.php?id=44" onfocus="blurLink(this);"  ><img src="typo3temp/menu/8bd1745b77.gif" width="150" height="35" border="0" alt="Freizeit und Sport" /></a><ul class="level2"><li class="level2"><a href="index.php?id=78" onfocus="blurLink(this);"  ><img src="typo3temp/menu/c4afe1dc20.gif" width="150" height="20" border="0" alt="Wandern" /></a></li><li class="level2"><a href="index.php?id=77" onfocus="blurLink(this);"  ><img src="typo3temp/menu/d61e98cf7f.gif" width="150" height="20" border="0" alt="Randwandern" /></a></li><li class="level2"><a href="index.php?id=76" onfocus="blurLink(this);"  ><img src="typo3temp/menu/5dab93054c.gif" width="150" height="20" border="0" alt="Reiten" /></a></li><li class="level2"><a href="index.php?id=75" onfocus="blurLink(this);"  ><img src="typo3temp/menu/d304d74b4b.gif" width="150" height="20" border="0" alt="Sportanlagen" /></a></li></ul></li><li class="level1"><a href="index.php?id=43" onfocus="blurLink(this);"  ><img src="typo3temp/menu/f48621248f.gif" width="150" height="20" border="0" alt="Veranstaltungen" /></a></li><li class="level1"><a href="index.php?id=42" onfocus="blurLink(this);"  ><img src="typo3temp/menu/3e1b59872b.gif" width="150" height="35" border="0" alt="Unterkünfte und Gastronomie" /></a></li><li class="level1"><a href="index.php?id=41" onfocus="blurLink(this);"  ><img src="typo3temp/menu/ee6b6662ed.gif" width="150" height="35" border="0" alt="Wohnmobile und Camping" /></a></li><li class="level1"><a href="index.php?id=40" onfocus="blurLink(this);"  ><img src="typo3temp/menu/e2d48d0c8d.gif" width="150" height="20" border="0" alt="Pauschal-Angebote" /></a></li><li class="level1"><a href="index.php?id=39" onfocus="blurLink(this);"  ><img src="typo3temp/menu/5785692a5f.gif" width="150" height="20" border="0" alt="Service" /></a></li></ul></div>

Mein Stylesheet sagt auch nicht anderes:

#left #menu ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#left #menu li {
	width: 100px;
	/*height: 20px;*/
	position: relative;
}
#left #menu ul ul {
	position: absolute;
	top: 0;
	left: 150px;
}
#left #menu img {
	margin: 0;
	border: 0;
}

Wenn ich das aukommentierte height wieder reinnehme, dann ist das Problem im FF weg, ABER die Menüpunkte sind mal zweizeilig und im IE und Opera ändert sich nichts
Hatte das Problem schon häufiger, es war aber noch nie so wichtig, dass es gelöst wird. Danke!

[MistaD]

Hallo.

Wie sieht denn dein TS aus, wie erzeugst du dein menu???
Setz doch einmal in alle Klassen des CSS die du hier gepostet hast ein

padding: 0px;
margin: 0px;

[ghoti]

das mit padding: 0 und margin: 0 hab ich schon versucht, hilft nicht
das ist mein TS fürs Menü

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54:

temp.mainmenu.2 = HMENU temp.mainmenu.2 { special = directory special.value = 38 entryLevel = 1 1 = GMENU 1 { wrap = <ul class="level1">|</ul> NO = 1 NO.wrap = <li class="level1">|</li> NO { # XY = 150,4+[21.h]+[22.h] XY = 150, 2+{$ameli.font.sizeSmall}+[22.h] backColor = #ffffff 10 = TEXT 10.text.field = subtitle // title 10.text.listNum = 0 10.text.listNum.splitChar = | 10.fontColor = {$ameli.color100} 10.fontFile = {$ameli.font.normal} 10.fontSize = {$ameli.font.sizeSmall} #10.offset = 140-[10.w],3+[21.h] 10.offset = 140-[10.w],{$ameli.font.sizeSmall}-2 15 < .10 15.text.listNum = 1 15.offset = 140-[15.w],{$ameli.font.sizeSmall}+[22.h]-2 # text to determine the height of the menu elements 21 < .10 21.text.case = upper 21.fontSize = {$ameli.font.sizeSmall} 21.offset = 1000,1000 22 < .21 22.text.listNum = 1 22.fontSize = {$ameli.font.sizeDouble} #10.align = right #10.niceText = 1 } ACTIFSUB < .NO ACTIFSUB.wrap = <li class="level1_actsub">| ACTIFSUB.10.fontFile = {$ameli.font.bold} ACTIFSUB.15.fontFile = {$ameli.font.bold} } 2 < .1 2 { wrap = <ul class="level2">|</ul></li> NO.wrap = <li class="level2">|</li> NO.10.fontFile = {$ameli.font.italic} NO.10.offset = 10,{$ameli.font.sizeSmall}-2 NO.15.offset = 10,{$ameli.font.sizeSmall}+[22.h]-2 ACT < .NO ACT.10.fontFile = {$ameli.font.boldItalic} ACT.15.fontFile = {$ameli.font.boldItalic} } }

[MistaD]

Hallo,

was ist mit den weiteren css klassen die hier im TS stehen, spielen die mit rein???
Hast du die Site wo online stehen??

So sehe ich da auch den fehler nicht, aber schau dir doch einmal den Quelltext anden der IE oder FF ausgibt wegen den css klassen...