Habe nun auch eine Typo3 Site.
Eventuell kann mir gleich mal wer mit meinen Menüs helfen.
Die Funktionieren mit Mozilla nicht!?
Ich bau innerhalb des A-Tags eine TD mit dem Inhalt.
Hier mein wrap:
marks.M_OBEN.1.NO.ATagBeforeWrap = 1
marks.M_OBEN.1.NO.linkWrap = <td onmouseover="style.backgroundColor='{$h_gruen}'; style.cursor='hand';" onmouseout="style.backgroundColor=''" width="95" class="menu"> |</td><td width="1" class="menu"><img src="fileadmin/images/white.gif" width="1" height="20"></td>
Auch wenn ich TIDY einschalte sind die Menüs unbrauchbar. Ich weiß, dass das Ganze nicht W3C-konform ist.
Vielleicht hat ja wer eine Lösung mit der es auch W3C-konform für Mozilla funktioniert.
Grüße Andreas
Das ganze ist nicht nur "nicht konform" sondern grob Fehlerhaft. Man kann doch in das A-Tag keine TD's mit einbauen.
Ein solches Menu regelt man mit CSS -> display:block;
Ansonsten ist die seite ansprechend.
Gruß AFisch
Hallo.
Danke mal für den Hinweis.
Ich habe jetzt bei SELFHTML das mit dem CSS display:block; angeschaut.
Schlau werde ich da nicht ganz draus.
Wie kann ich damit meinen WRAP umbauen?
Gibt es hier irgendein Beispiel, das halbswegs auf mein Menü anwendbar ist?
Grüße Andreas
OK, ich zeig dir mal ein Beispiel. Die meiste Arbeit erledigt CSS für uns:
a.menuLink
{display:block;text-align:left;padding-top:4px;padding-bottom:0px;padding-left:10px;height:20px;width:97px;
background-image: url('rootmenu/m2_no.gif');color:#ffffff;font-size:13px;text-decoration:none;font-style:normal;font-weight:bold;}
a.menuLinkAct
{display:block;text-align:left;padding-top:4px;padding-bottom:0px;padding-left:10px;height:20px;width:97px;
background-image: url('rootmenu/m2_act.gif');color:#ffffff;font-size:13px;text-decoration:none;font-style:normal;font-weight:bold;}
a:hover.menuLink
{display:block;text-align:left;padding-top:4px;padding-bottom:0px;padding-left:10px;height:20px;width:97px;background-image: url('rootmenu/m2_ov.gif');
color:#ffffff;font-size:13px;text-decoration:none;font-style:normal;font-weight:bold;}
.menuList
{position:relative;display:inline; margin:0px; padding:0px;}
li.naviItem
{list-style-type:none; float:left;}
Und hier das Menu:
temp.firstMenu = HMENU
temp.firstMenu.1 = TMENU
temp.firstMenu.1 {
NO.allWrap = <li class="naviItem"> | </li>
NO.ATagParams = class="menuLink"
ACT = 1
ACT.allWrap = <li class="naviItem"> | </li>
ACT.ATagParams = class="menuLinkAct"
}
temp.rootMenu = COA
temp.rootMenu.wrap = <ul class="menuList"> | </ul>
temp.rootMenu.1 < temp.firstMenu
und dann irgendwann mal:
subparts.MENUBAR < temp.rootMenu
Hoffe das hilft dir weiter.
Gruß AFisch