Zum Inhalt springen

Menüproblem

Erstellt am 22. September 2005 · 2 Antworten · letzte Antwort am 26. September 2005

Tags: Frage

JOnathanJOnes ·

Ich möchte ein horizontales Menü machen, bei dem jeder Menüpunk eine eigene JPG Grafik ist. Es soll aso nichts zusätzlcih dazu geschrieben werden.

mein Code sieht zu Zeit folgendermassen aus:

seite = PAGE
seite {
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
typeNum = 0
stylesheet = fileadmin/biotech.css
headerData.1 < plugin.meta
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/tmpl_biotech_3.html
10.workOnSubpart = DOKUMENT
10.marks {
SPRACHE = PHP_SCRIPT
SPRACHE.file = media/scripts/menu37_de_uk_fr_it_joachim.php

#Wo ist user Menü

WOISTUSER = HMENU
WOISTUSER.special = rootline
WOISTUSER.1 = TMENU
WOISTUSER.1.expAll = 1
WOISTUSER.1 {
wrap = <table style="margin-top:0px;font-family:verdana;font-size:10;" align="left" cellpadding="0" cellspacing="0"><tr valign="top"><td width="10"></td><td style="padding-top:7px;"width="120">Sie befinden sich in: </td>|</tr></table>

NO {
linkwrap= <td style="white-space:nowrap;padding-top:7px;font-family:verdana;font-size:1;"><font size="1" face="Verdana, Arial, Helvetica, sans-serif>|/</font></td>

}
}

#/WO IST USER
HOME = HMENU
HOME.special = list
HOME.spezial.value=3
HOME.1 = GMENU
HOME.1 {
wrap= <table align="left" valign="top" cellpadding="0" cellspacing="0"><tr><td>|</td></tr></table>

NO = 1
NO {

4= IMAGE


4.file= fileadmin/images/tmpl_files/home_mo.jpg
4.params = width="1" height="1"


}

RO = 1
RO {
5= IMAGE
5.file= fileadmin/images/tmpl_files/home_mo.jpg
5.params = width="1" height="1"

}

}
UNSER_UNTERNEHMEN = HMENU
UNSER_UNTERNEHMEN.special = list
UNSER_UNTERNEHMEN.special.value = 68
UNSER_UNTERNEHMEN.1 = GMENU_LAYERS
UNSER_UNTERNEHMEN.1.expAll = 0
UNSER_UNTERNEHMEN.1 {
wrap = <table style="margin-top:0px;" align="left" valign="top" cellpadding="0" cellspacing="0"><tr valign="top">|</tr></table>

layerStyle = position:absolute;VISIBILITY:hidden;
#lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=30
leftOffset=0
expAll=1
NO = 1
NO {
4= IMAGE
4.file = fileadmin/images/tmpl_files/dasUnternehmen.jpg

}

RO = 1
RO {

5= IMAGE
5.file= fileadmin/images/tmpl_files/dasUnternehmen_mo.jpg
}

}

UNSER_UNTERNEHMEN.2 = TMENU_LAYERS
UNSER_UNTERNEHMEN.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
# lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=5
leftOffset=0
expAll=1
##PRoBLEMFALL
wrap = <table border="1" bordercolor="#E68480" bgcolor="#E69770" cellspacing="0" cellpadding="0" class="topnav1"><tr><td>|</td></tr></table>
NO=1
NO.allWrap = <span class="topnav1">|</span>




}

HEIZUNG = HMENU
HEIZUNG.special = list
HEIZUNG.special.value = 76
HEIZUNG.1 = GMENU_LAYERS
HEIZUNG.1.expAll = 1
HEIZUNG.1 {
wrap = <table style="margin-top:0px;" align="left" valign="top" cellpadding="0" cellspacing="0"><tr valign="top">|</tr></table>

layerStyle = position:absolute;VISIBILITY:hidden;
# lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=30
leftOffset=0
expAll=1

NO = 1
NO {

4= IMAGE
4.file = fileadmin/images/tmpl_files/heizungen.jpg

}

RO = 1
RO {
5= IMAGE
5.file= fileadmin/images/tmpl_files/heizungen_mo.jpg
}

}

HEIZUNG.2 = TMENU_LAYERS
HEIZUNG.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=5
leftOffset=0
expAll=1
##PRoBLEMFALL
wrap = <table border="1" bordercolor="#E68480" bgcolor="#D15651" cellspacing="0" cellpadding="0" class="topnav1">|</table>
NO=1
NO.allWrap = <tr><td>|</td></tr>
}

PELLETS = HMENU
PELLETS.special = list
PELLETS.special.value = 85
PELLETS.1 = GMENU_LAYERS
PELLETS.1.expAll = 1
PELLETS.1 {
wrap = <table style="margin-top:0px;" align="left" valign="top" cellpadding="0" cellspacing="0"><tr valign="top">|</tr></table>

layerStyle = position:absolute;VISIBILITY:hidden;
# lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=30
leftOffset=0
expAll=1

NO = 1
NO {

4= IMAGE
4.file = fileadmin/images/tmpl_files/pellets.jpg

}

RO = 1
RO {
5= IMAGE
5.file= fileadmin/images/tmpl_files/pellets_mo.jpg
}

}

PELLETS.2 = TMENU_LAYERS
PELLETS.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=-2
leftOffset=-160
expAll=1
##PRoBLEMFALL
wrap = <table border="1" bordercolor="#E68480" bgcolor="#D15651" cellspacing="0" cellpadding="0" class="topnav1">|</table>
NO=1
NO.allWrap = <tr><td>|</td></tr>
}

PELLETS.3 = TMENU_LAYERS
PELLETS.3 {
layerStyle = position:absolute;VISIBILITY:hidden;
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=5
leftOffset=0
expAll=1
##PRoBLEMFALL
wrap = <table border="1" bordercolor="#E68480" bgcolor="#D15651" cellspacing="0" cellpadding="0" class="topnav1">|</table>
NO=1
NO.allWrap = <tr><td>|</td></tr>
}

MENU_NEBEN = HMENU
MENU_NEBEN.special = list
MENU_NEBEN.special.value = 7,24,41
MENU_NEBEN.1 = TMENU_LAYERS
MENU_NEBEN.1.expAll = 1
#MENU_HAUPT.1.dontFollowMouse = 1
MENU_NEBEN.1 {
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1

xPosOffset=5
yPosOffset=5
topOffset=15
leftOffset=-50
wrap = <table style="margin-top:0px;" align="left" valign="top" cellpadding="0" cellspacing="0"><tr valign="top">|</tr></table>

NO {
allWrap = <td style="padding-top:0px;" ><img hspace="0" vspace="0" align="right" src="fileadmin/button_3l.jpg"></td><td align=left style="background-image: url(fileadmin/button_3m.jpg);background-position:top;white-space:nowrap;"> >>>> | </td><td><img src="fileadmin/button_3r.jpg"></td>

}

}
MENU_NEBEN.2 = TMENU_LAYERS
MENU_NEBEN.2.expAll = 1
MENU_NEBEN.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
#lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
xPosOffset=5
yPosOffset=5
topOffset=10
leftOffset=15
wrap = <table border="1" bordercolor="#E68480" bgcolor="#D15651" width="200" 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>
}
MENU_NEBEN.3 = TMENU_LAYERS
MENU_NEBEN.3.expAll = 0
MENU_NEBEN.3 {
NO.linkWrap = |
NO.allWrap = <div class="menu1_lvl3">&nbsp;&nbsp;&nbsp;<img src="fileadmin/images/icons/icon_blank.gif">&nbsp;|</div>
ACT = 1
ACT.linkWrap = |
ACT.allWrap = <div class="menu1_lvl3">&nbsp;&nbsp;&nbsp;<img src="fileadmin/images/icons/icon_point_01.gif">&nbsp;|</div>
}

Ich habe folgende Probleme:

1. Die grafik wird in allen Brwosern abgeschnitten bzw mit einem grossen weissen Rand angezeigt.

2. In gewissen browsern wird das Menü teilweise umgebrochen....

Kann mir da jemand helfen?

Dander ·

das erste problem liegt wohl an dem offset, bzw. an der eiongestellten größe des buttons.

was heißt das es unterbrochen wird??

kann man sich das irgendwo anschauen??

JOnathanJOnes ·

Dieses Problem hab ich nun seobst schon gelöst.. allerdings wird es jetzt nötig die einzelnen grafiken und einen HMENU zu packen. ISt es irgendwie möglcih für jeden menüpunkt eine eigene grafik zu benutzen mit nur einem HMENU?

Hat vielleicht jemand eine Idee dazu?