Ich habe vor das Menü in einem "DIV" container einfach zu verteilen. Sprich das die Menüpunkte einfach nebeneinander stehen. Mit meinen bisherigen kenntnissen komme ich auf keinen grünen zweig.
auszug aus Temp Setup:
# Menu 1 cObject
temp.menubox = HMENU
# Erstes level menu-object, textual
temp.menubox.1 = TMENU
temp.menubox.1 {
# Normal state properties
NO.allWrap = <div class="menu"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu_act"> | </div>
}
# Zweites level menu-object, textual
temp.menubox.2 = TMENU
temp.menubox.2 {
# Normal state properties
NO.allWrap = <div class="menu_2"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu_2_act"> | </div>
}
auszug aus der css:
div.menubox {
position: absolute;
left: 100px;
top: 300px;
width: 230px;
height: auto;
padding-left: 20px;
}
/*MenŸ level 1*/
div.menu {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #DB0066;
text-align: left;
/* width: 220px; */
height: 20px;
}
div.menu A {
height: 20px;
text-decoration: none;
color: #DB0066;
}
div.menu A:hover {
color: #DADD00;
background-color: #DB0066;
text-align: right;
}
div.menu_act {
color: #DADD00;
background-color: #DB0066;
}
er macht mir aber nach jedem menüpunkt einen absatz. will ich eigentlich nicht. sollte wirklich einfach nebeneinander stehen. und durch die definition der grösse der menubox sollte einfach normal umbrochen werden wenn die div box fertig ist.
habe ich vielleicht überhaupt fürchterliche fehler in meiner denkweise???
dankeschön
1. Benutz bitte die Codebuttons hier im Forum wenn du Code postest, das ist dann wesentlich übersichtlicher und Fehler sind besser zu erkennen.
2. Du wrapst jeden Menüpunkt in ein DIV und da DIVs Block-Elemente sind, gibt es einen Absatz:
http://www.css4you.de/elemente.html#block
Entferne mal die Wraps um die Menüpunkte und wrape das gesamte Menü:
# Menu 1 cObject
temp.menubox = HMENU
# Erstes level menu-object, textual
temp.menubox.1 = TMENU
temp.menubox.1.wrap = <div class="menu"> | </div>
temp.menubox.1 {
# Normal state properties
NO.allWrap = |
# Enable active state and set properties:
ACT = 1
ACT.allWrap = |
}
Norman
Hallo Norman!
Vielen Vielen dank für deine Hilfe.
und sorry nochmal wegen dem code.... :-)
nice weekend
jetzt habe ich doch noch eine frage....
im safari und im mozilla funzt alles fein. denn ich habe bei jedem seitentitel danach einen abstand gemacht. mit der leertaste.
nur im IE erkennt er die abstände nicht.
kann ich das im setup irgendwie definieren???
Hi,
könntest Du mit css machen, padding-right: xy px; oder?
Gruß
Cope
Auch wenn dieser Beitrag bereits zwei Monate alt ist, möchte ich dennoch einen Hinweis für solche Menüs geben.
Die Navigation sollte meines Erachtens nach immer eine Liste sein. Das gilt auch für ein horizontales Menü.
# Menu 1 cObject
temp.menubox = HMENU
# Erstes level menu-object, textual
temp.menubox.1 = TMENU
temp.menubox.1 {
wrap = <ul class="menu"> | </ul>
# Normal state properties
NO.allWrap = <li> | </li>
# Enable active state and set properties:
ACT < .NO
ACT = 1
ACT.allWrap = <li class="menu_act"> | </li>
}
# Zweites level menu-object, textual
temp.menubox.2 = TMENU
temp.menubox.2 {
wrap = <li><ul class="submenu"> | </ul></li>
# Normal state properties
NO.allWrap = <li> | </li>
# Enable active state and set properties:
ACT < .NO
ACT = 1
ACT.allWrap = <li class="submenu_act"> | </li>
}
Um das Ganze dann horizontal anzeigen zu lassen, reicht eine Zeile CSS.
li { float: left; }