div zentriertes layout und gmenu_layer macht probleme

phlipmaster · #1 22.05.06, 13:23

hallo zusammen,

ich bin am verzweifeln: ich kämpfe seit einiger zeit mit meinem div-basiertem zentriertem seitenlayout und gmenu_layer. ich schaffe es einfach nicht, das sowohl die zentrierung und die ausrichtung der layernavi als auch die gmenu_layer funktionen einwandfrei funktionieren. habe momentan über page.bodyTag = <body> <div...> das div für die zentrierung geöffnet und im html-template wieder geschlossen. das problem ist, das die over und out funktionen nicht mehr funktioniere... habe jetzt schon viel drüber gelesen, aber noch keine lösung gefunden. meine lösungsansätzen wären:

1. das div irgendwie anders zwischen body und den layer bringen, sodass die layernavi innerhalb meines rahmen-divs ist.
2. onload="T3_onloadWrapper();" manuell setzen, sodass es nicht doppelt drin ist
3. eine alternative zu gmenu_layer finden... gibts da was, was auch ein neuling versteht???

danke für die hilfe, phlipmaster

sissi · #2 26.05.06, 12:33

hi

hatte das gleiche problem...ich habs mal für das tmenu_layers hingekriegt allerdings nicht bei opera. zu sehen hier: Kölner Segelschule, Bootsführerschein, Sportbootführerschein, Segelschein, Köln.

hier mein skript:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:

#Das waagerechte Deluxe-Menü
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.10 = HMENU
page.10.special = list
page.10.special.value = 3,2,12,11
page.10.1 = TMENU_LAYERS
page.10.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
topOffset=28
hideMenuWhenNotOver = 50
hideMenuTimer = 70

expAll=1
wrap = <table border="0" width="100%" cellpadding="0" cellspacing="0"><tr> | </tr></table>

NO {
allWrap = <td>|</td>
ATagParams = class="menu_waagerecht_1"
}
ACT {
allWrap = <td>|</td>
ATagParams = class="menu_waagerecht_1_act"
}
ACT = 1
}

page.10.2 = TMENU
page.10.2 {
wrap = <table border="0" cellpadding="0" cellspacing="0"> | </table>
NO {
allWrap = <tr><td> | </td></tr>
ATagParams = class="menu_waagerecht_2"
}
}

und im css

HTML-Code:

/* alles fürs waagerechte Menü */
a.menu_waagerecht_1 {
	height: 28px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 8px;
  	display: block;
  	padding-left: 10px;
  	padding-right: 10px;
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
	}
a.menu_waagerecht_1:hover, a.menu_waagerecht_1_act {
	height: 28px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 8px;
  	display: block;
  	padding-left: 10px;
  	padding-right: 10px;
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
         background-color: #BDCF76;
	}
a.menu_waagerecht_2 {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 10px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
	background-color: #D4E0A5;
	text-align: left;
	padding-right: 5px;
	}
a.menu_waagerecht_2:hover {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 10px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
	background-color: #BDCF76;
	text-align: left;
	padding-right: 5px;
	}

das ist eine absolute dirty-sache mit einer tabelle drumrum und so käse. eine alternative ist das ypmenu. ist etwas komplex in der installation aber unterstützt sogar transparenz und slidet raus. einfach mal in den foren nach ypmenu suchen. bzw. kann dir auch den code hierzu geben.

zu sehen im liveeinsatz hier: Kai Buschmann, Landtagskandidat Baden-Württemberg 2006

grüsse
sissi

ju^ju · #3 25.09.07, 23:39

Ich stehe grad vor dem gleichen Problem mit dem zentrierten Layout, meine Navi-Layer sind einfach nicht relativ zu dem "TriggerItem", warum nicht? Mein Code:

Code:

top_nav = HMENU
top_nav {
        1 = TMENU_LAYERS
        1 {
            layerStyle = position:absolute;VISIBILITY:hidden;
              wrap = <table class="top_nav_layer1" cellspacing="0" cellpadding="0"><tr>|</tr></table>
              lockPosition = x
              expAll = 1
              relativeToTriggerItem = 1
           #relativeToTriggerItem.addHeight = 1
           relativeToParentLayer = 1
           hideMenuWhenNotOver = 50
           NO {
               allWrap = <td>|</td>
         }
         
    }

    2 = TMENU
    2 {
        wrap = <table class="top_nav_layer2" cellspacing="0" cellpadding="0">|</table>
        #expAll = 1
        NO {
            allWrap = <tr><td>|</td><tr>
        }
    }
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Navigation macht Probleme	floody	GMENU, HMENU, TMENU und Co.	1	06.08.08 09:31
GMENU_LAYER 2 Ebene Position Probleme	alona	TYPO3 4.x Fragen und Probleme	0	13.09.07 08:50
Gmenu_layer macht Abstand im IE	Dominik.Stumpf	GMENU, HMENU, TMENU und Co.	0	21.08.07 12:01
3-spaltiges Layout macht im IE Zicken	Brainbug80	HTML & CSS	3	05.10.06 08:24
ab_linklist macht Probleme	greyhawk	Alle anderen Extensions	1	29.08.06 11:20

Suche

Userpanel

div zentriertes layout und gmenu_layer macht probleme