Zum Inhalt springen

TMENU_LAYERS

Erstellt am 25. Juli 2006 · Noch keine Antworten

Tags: Frage

HeinzIseli ·

#angry#
hallo leute
ich bin nächstens am verzweifeln. ich habe ein TMENU_LAYERS menu in die seite http://grueter.adbw.net eingebaut. das frunzt an sich alles. aber.....
die seite sollte zentriert sein. und da fängt mein problem an... wenn ich im css den body mit text-align: center; ausrichte, verschiebt sich das ausgeklappte untermenu o.O
wenn ich die zeile im css auskommentiere, tuts genau so wie es soll...

hier noch der code:

# AutoMake Plugin
plugin.tx_automaketemplate_pi1.content = FILE
plugin.tx_automaketemplate_pi1.content.file = fileadmin/templates/template.html
plugin.tx_automaketemplate_pi1.elements.BODY.all = 1
plugin.tx_automaketemplate_pi1.elements.BODY.all.subpartMarker = DOCUMENT_BODY
plugin.tx_automaketemplate_pi1.elements.TD.all = 1
plugin.tx_automaketemplate_pi1.elements.DIV.all = 1

# Main Template
temp.mainTemplate = TEMPLATE
temp.mainTemplate.template =< plugin.tx_automaketemplate_pi1
temp.mainTemplate.workOnSubpart = DOCUMENT_BODY

# Top Navigation
temp.mainTemplate.subparts.topnav = HMENU
temp.mainTemplate.subparts.topnav.special = directory
temp.mainTemplate.subparts.topnav.special.value = 66
temp.mainTemplate.subparts.topnav.entryLevel = 1
temp.mainTemplate.subparts.topnav.1 = TMENU_LAYERS
temp.mainTemplate.subparts.topnav.1 {
useLargestItemX=1
layerStyle = position:absolute;VISIBILITY:hidden;
relativeToParentLayer = 1
relativeToTriggerItem = 1
topOffset=120
leftOffset = 0
xPosOffset = 0
lockPosition = x
expAll=1
hideMenuWhenNotOver = 1
hideMenuTimer = 70
wrap = <table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>
NO.allWrap = <td class="topnav"> | </td>
ACT = 1
ACT.allWrap = <td class="topnav"> | </td>
}

# Top Navigation 2nd Level
temp.mainTemplate.subparts.topnav.2 = TMENU_LAYERS
temp.mainTemplate.subparts.topnav.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
topOffset=5
leftOffset=50
xPosOffset =-50
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1

wrap = <table border="1" bordercolor="000000" bgcolor="#FF6600" width='150' cellspacing="0" cellpadding="0" class="topnav1"><tr><td> |</td></tr> </table>

NO.allWrap = <span class="topnav1"> | </span>

ACT = 1
ACT.allWrap = <span class="topnav1_act"> | </span>

}

# Top Navigation 3rd Level
temp.mainTemplate.subparts.topnav.3 = TMENU
temp.mainTemplate.subparts.topnav.3 {
wrap = <table border="1" bordercolor="666666" bgcolor="#FF6600" cellspacing="0" cellpadding="0" class="topnav2"><tr><td> | </td></tr></table>
NO.allWrap = <div align="left" class="topnav2"> | </div>
ACT = 1
ACT.allWrap = <div align="left" class="topnav2_act"> | </div>
}

das html template:
<html>
<head>
<title>Gr&uuml;ter AG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id='container'>
<div id='intro'>
<div id='pageHeader'>
<h1><span>Gr&uuml;ter AG</span></h1>
<h2><span>Mit Liebe zum Detail</span></h2>
</div>
</div>

<div id='content_left'>CONTENT_LEFT</div>
<div id='content' class='content'>CONTENT</div>
<div id='content_right'>CONTENT_RIGHT</div>
<div id='content_border'>CONTENT_BORDER</div>

<div id='menu1' class='menu1'>MENU1</div>

<div id='topnav' class='topnav'>TOPNAV</div>

<div id='klickpfad' class='klickpfad'>KLICKPFAD</div>

</div>
</body>
</html>

und ein teil des css:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
vertical-align: center;
padding: 0px;
margin: auto;
background: transparent url(/fileadmin/templates/images/bodybackground.gif) repeat-y top center;
scrollbar-DarkShadow-Color:#EEEEEE;
scrollbar-Track-Color:#FFCC66;
scrollbar-Face-Color:#F9E960;
scrollbar-Shadow-Color:#F9E960;
scrollbar-Arrow-Color:#F9F61A;
}

#container {
width: 980px;
margin: auto;
padding: 0 0 0 0px;
position: relative;
top: 0px;
text-align: left;
}

#container_home {
position: relative;
background: #FFF url(/fileadmin/images/layout/gebaeude.jpg) no-repeat;
height: 500px;
width: 978px;
}

#intro{
min-width: 470px;
}

#pageHeader {
margin-top: 0;
background: #FFF url(/fileadmin/templates/images/logo.jpg) no-repeat;
height: 88px;
}

#pageHeader h1, h2 {
display: none;
}

#content_left {
position:absolute;
left:0px;
top:140px;
width: 195px;
z-index:3;
padding: 2px;
}

#content {
position:absolute;
top: 140px;
left: 200px;
width: 550px;
z-index:3;
padding: 2px;
}

#content_right {
position:absolute;
top: 140px;
left: 800px;
width: 180px;
z-index:2;
padding: 2px;
}

#content_border {
position:absolute;
top: 500px;
margin: auto;
text-align: center;
z-index:20;
padding: 20px;
}

/* Top Navigation Menu */

#topnav {
font-family: Verdana, sans-serif;
font-size: 11px;
width: 979px;
margin: auto;
padding: 0 0 0 0px;
position: absolute;
top: 100px;
z-index: 99;
}

.topnav {
font-variant: small-caps;
background: #999999;
padding: 5px;
}

.topnav a:link {
font-weight: bold;
font-variant: small-caps;
text-decoration: none;
color: white;
border-left: 1px solid black;
border-right: 1px solid black;
}
.topnav a:visited {
font-weight: bold;
font-variant: small-caps;
text-decoration: none;
color: white;
border-left: 1px solid black;
border-right: 1px solid black;
}
.topnav a:active {
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border: 1px solid white;
}
.topnav a:hover {
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border-left: 1px solid white;
border-right: 1px solid white;
background: #993300;
}
.topnav_act a {
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border-left: 1px solid white;
border-right: 1px solid white;
}
.topnav_act a:visited {
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border-left: 1px solid white;
border-right: 1px solid white;
}
.topnav_act a:active {
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border-left: 1px solid white;
border-right: 1px solid white;
}

.topnav_act a:hover {
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: white;
border-left: 1px solid white;
border-right: 1px solid white;
background: #993300;
}

/* Top Navigation Menu 2nd Level */
.topnav1 {
font-weight: normal;
font-family: Verdana, sans-serif;
font-size: 11px;
font-variant: small-caps;
}
.topnav1 a:link {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
width: 150px;

}
.topnav1 a:visited {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
}
.topnav1 a:active {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
}
.topnav1 a:hover {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
background: #993300;
}
.topnav1_act a {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
}
.topnav1_act a:visited {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
}
.topnav1_act a:hover {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
margin: 2px;
background: #993300;
}

/* Top Navigation Menu 3rd Level */
.topnav2 {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
font-variant: small-caps;
width: 150px;
}
.topnav2 a:link {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
}
.topnav2 a:visited {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
}
.topnav2 a:active {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
}
.topnav2 a:hover {
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
background: #993300;
}
.topnav2_act a {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
}
.topnav2_act a:visited {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
}
.topnav2_act a:hover {
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;
font-variant: small-caps;
text-decoration: none;
color: white;
padding: 2px;
background: #993300;
}

kann mir da jemand helfen?