hallo typos ich versuche gerade ein menu zu basten welches ausklapt bei klick (foldout). die zweite ebene ist ein TMENU! Alles klapt wunderbar! nun will ich das die menupunkte auf der 2 ebene (TMENU) ein wenig eingerückt sind.
ich habe es schon mit padding-left: 10px; im css probiert aber das dann sind die menupunkte unter firefox 10px zu lang!
kennt jemand eine lösung?
greetz nugget
Das Menü is DIV oder?
DIV.menu1-level2-no {
font-family: Verdana, Helvetica, Arial, Geneva;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: none;
padding: 0px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
}
So ca sollte das in deiner css ausschauen oder? Wenn du so etwas nämlich im Quelltext machst bekommst probs^^
*wartet nun auf Antwort und schreibt dann seine Ideen*
Einfach im Setup der Menüebene unter "allWrap" dem Pipe ein oder mehrere Leerzeichen ( & n b s p ; )voranstellen.
Billige Lösung, aber im nachhinnein bin ich sauer das sie mir nicht eingefallen ist *g*, aber rein Technisch muss das mit dem CSS auch klappen, ich hab ja schließlich auch keine Probs damit^^ 😉
okay am besten poste ich mal mein ts
#includes Libs
includeLibs.gmenu_foldout = media/scripts/gmenu_foldout.php
# Default PAGE object:
seite = PAGE
seite {
typeNum = 0
includeCSS.file1 = fileadmin/css/layout.css
includeCSS.file2 = fileadmin/css/link.css
config.index_enable = 1
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/basic_template.html
10.workOnSubpart = DOKUMENT
10.marks { # start
NAVIGATION = HMENU
NAVIGATION.special = directory
NAVIGATION.special.value = 41
NAVIGATION.1 = GMENU_FOLDOUT
NAVIGATION.1 {
expAll=1
displayActiveOnLoad = 1
dontLinkIfSubmenu = 1
stayFolded= 0
foldSpeed = 1
menuOffset = 16, 110
subMenuOffset = 0, 20
}
NAVIGATION.1.NO {
XY = 200, 20
backColor = #2552a3
wrap = | <br>
10 = TEXT
10 {
text.field = title
fontColor = #FFFFFF
fontSize = 10
fontFile = fileadmin/fonts/verdana.ttf
offset = 3, 14
niceText = 1
}
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 200, 1
backColor = #FFFFFF
}
20.offset = 0, 19
}
NAVIGATION.1.RO = 1
NAVIGATION.1.RO {
wrap = | <BR>
XY = 200, 20
backColor = #6089cf
10 = TEXT
10 {
text.field = title
fontColor = #FFFFFF
fontSize = 10
fontFile = fileadmin/fonts/verdana.ttf
offset = 3, 14
niceText = 1
}
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 200, 1
backColor = #FFFFFF
}
20.offset = 0, 19
}
NAVIGATION.2 = TMENU
NAVIGATION.2.NO {
linkWrap = <table width="200px" height="20" border=0 cellpadding="0" cellspacing="0"><tr><td class="navigation">|</td></tr><tr><td class="line"></td></tr></table>
ATagParams = class="navigation"
}
NAVIGATION_TOP = HMENU
NAVIGATION_TOP.special = directory
NAVIGATION_TOP.special.value = 42
NAVIGATION_TOP.1 = TMENU
NAVIGATION_TOP.1.NO = 1
NAVIGATION_TOP.1.NO.ATagParams = class="NAVIGATION_TOP"
NAVIGATION_TOP.1.NO.linkWrap = | |
CONTENT = CONTENT
CONTENT { #Content start
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
} #Content end
ROOTLINE = HMENU
ROOTLINE {
special = rootline
special.range = 2|-1
1 = TMENU
1.target = _self
1.wrap = <font face="verdana" size="1">|<font>
1.NO.linkWrap = | /
}
SEARCH = HTML
SEARCH.value = <form action="index.php?id=46" method="POST">Suche: <input class="eingabe" type="text" name="tx_indexedsearch[sword]"> <input class="button" type="submit" value="ok"> </form>
} # marker end
} #end
also ich glaub ich muss diese zeilen bearbeiten:
NAVIGATION.2 = TMENU
NAVIGATION.2.NO {
linkWrap = <table width="200px" height="20" border=0 cellpadding="0" cellspacing="0"><tr><td class="navigation">|</td></tr><tr><td class="line"></td></tr></table>
ATagParams = class="navigation"
}
aber ich kann mich ja auch irren.
greetz nugget
radyserb schriebEinfach im Setup der Menüebene unter "allWrap" dem Pipe ein oder mehrere Leerzeichen ( & n b s p ; )voranstellen.
Hallo!
Habe das versucht aber leider nicht hinbekommen :-(. Bin ich wirklich zu blöd dafür. Habe versucht das folgendermaßen einzugeben (möchte das die Punkte im Untermenü eingerückt sind und das ein Bindestrich vor dem Punkt ist):
MENU_LINKS.2 {
allWrap = | | | | | | |-|
NO.backColor = #ffcc00;
NO.10.fontColor = #000000
NO.10.fontFile = fileadmin/fonts/arial.ttf
NO.10.fontSize = 8.5
NO.20.file.backColor = #FFffff
RO < .NO
RO.backColor = #ffff66
RO.5 >
CUR < .RO
}
Hab jetzt echt schon seit gestern Abend herumprobiert, Lösungen aus dem Forum versucht (mit CSS, ohne, etc.) und irgendwie wills nicht klappen. Könnte mir jemand einen Tipp geben? Wäre echt super.
Lg
lucas
bei mir lag der fehler daran das ich in css folgende zeile drin hatte:
display: block; das habe ich nun geändert in
display: talbe-cell
und nun funktionierts