Seruvs,
habe folgendes Problem:
mein Submenu springt aufm MAC(bei IE und Safari) bei mouseover hin
und her. Das soll natürlich nicht sein.
Code:
...
#Menue rechts
MENU_RECHTS = HMENU
MENU_RECHTS.entryLevel = 2
MENU_RECHTS{
1 = TMENU
1.NO {
linkWrap = <br /> |*| <br /><br /> |*| <br /><br />
ATagParams = class="menurechts"
}
1.ACT = 1
1.ACT {
linkWrap = <br /> |*| <br /><br /> |*| <br /><br />
ATagParams = class="menurechts_active"
}
1.CUR = 1
1.CUR {
linkWrap = <br /> |*| <br /><br /> |*| <br /><br />
ATagParams = class="menurechts_active"
}
}
...
und in meiner Vorlage habe ich das Menü folgendermaßen eingebunden:
...
<tr bgcolor="#000000" align="center" valign="top">
<td width="270" height="180" class="menurechts" align="left" background="fileadmin/images/menu_rechts_back.jpg" style="background-repeat:no-repeat;">###MENU_RECHTS###</td>
</tr>
...
Hat jemdand eine Idee wie ich den Abstand zwischen den einzelnen Menüpunkte richtig hinbekomme ohne das es springt, evtl. alternative zu <br />?
Danke!
MfG
hi,
kann man sich das live ansehen???
kannst du dein css posten???
meine css-datei:
.navi { width:115px; padding-top:0px; padding-bottom:1px; padding-left:41px; padding-right:41px; text-decoration: none; color: #FFFFFF; background-color: #000000; text-align:center; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
.navi:link { width:115px; padding-top:0px; padding-bottom:1px; padding-left:41px; padding-right:40px; text-decoration: none; color: #FFFFFF; background-color: #000000; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
.navi:hover { width:115px; padding-top:0px; padding-bottom:1px; padding-left:41px; padding-right:41px; text-decoration: none; color: #FFFFFF; background-color: #97A6A6; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
.aktiv { width:115px; padding-top:0px; padding-bottom:1px; padding-left:41px; padding-right:41px; text-align:center; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; color: #231F20; background-color: #97A6A6;}
.menurechts { margin-left:20px;}
.menurechts:link { color: #D1D3D4; font-size: 12px; text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.menurechts:visited { color: #D1D3D4; font-size: 12px; text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.menurechts:hover{ color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.menurechts_active { margin-left:20px; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.inhalt {
color: #D1D3D4;
font-size: 9px; font-family: arial, helvetica, sans-serif; font-weight: normal;
text-align: justify;
}
.ueberschrift {
color: #D1D3D4;
font-size: 14px; font-family: arial, helvetica, sans-serif; font-weight: normal;
}
.adresse{
color: #D1D3D4;
font-size: 11px; font-family: arial, helvetica, sans-serif; font-weight: normal;
}
ist das auch bei windows im ie der fall??
versuch es mal mit diesem doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Danke für den Tip aber funktioniert leider immer noch nicht.
Ich dachte daran den Zeilenbruch "linkWrap = |*| |*|" in Typoscript anders (viell. mit <div>) zu erzeugen, mac-kompatibel, jedoch bekomme ich das nicht hin.
MfG