[TYPO3-german] tmenu_layers IE problem

[Christian Wolff]

Hi,
vieleicht etwas ab vom thema. aber schon mal über ein
CSS menü nachgedacht? hab schon mehere davon im einsatz und alles problemlos
auf allen browsern. (gut der IE braucht noch etwas nachhilfe mit hilfe von JS)
aber Opera und firefox kommen ohne javascript aus.

ein beispiel für eines das von oben runter klappt:
findest du hier: http://www.tabakpraevention.de/

hier der quellcode zu einem css menü an dem ich gerade bastle:

--- CSS ---

/* Navigation */
#nav ul  { background-color: #673217; list-style-type: none; margin: 0 0 0 15px; padding: 0 }
#nav ul li          { }
#nav ul ul   { background-color: #030; margin: 0 }
#nav ul ul li      { background-color: #925411; margin-top: 1px; margin-bottom: 1px; margin-left: 15px; padding: 2px 2px 2px 10px; position: relative; top: 0; left: 0 }
#nav ul ul ul       { background-color: #ffc64c; display: none; margin-left: 0; position: absolute; top: 0; left: 100%; width: 150px }
#nav ul ul li:hover ul  { display: block }

--- HTML ---
<div id="nav">
				<ul>
					<li>Pocon&eacute; &amp; Pantanal<br/>
						<ul>
							<li>Pocon&eacute; <br/>
							</li>
							<li>Pantanal<br/>
							</li>
							<li>Unterk&uuml;nfte / Lodges<br/>
								<ul>
									<li>Pousada Rio Clarinho</li>
									<li>Pousada Curicaca</li>
									<li>Pousada Rio Claro</li>
									<li>Fazenda Santa Tereza</li>
									<li>Pousada Piuval</li>
									<li>Pousada Pouso Alegre</li>
									<li>Pousada Canto do Arancu&atilde;</li>
									<li>Fazenda Carand&aacute;</li>
									<li>Fazenda Camalote</li>
									<li>Pousada Baguari</li>
									<li>Ref&uacute;gio Ilha do Caracar&aacute;</li>
									<li>Hotel SESC, Porto Cercado</li>
									<li>Hotel Skala, Pocon&eacute;</li>
								</ul>
							</li>
							<li>Tourprogramme<br/>
							</li>
							<li>Chapada dos Guimar&atilde;res<br/>
							</li>
							<li>Nobres<br/>
							</li>
							<li>Fotos aus dem Pantanal<br/>
							</li>
						</ul>
					</li>
				</ul>
	</div>
--- ENDE ---


und für den ie brauchst du halt noch einen Javascript file den du unter:
http://www.xs4all.nl/~peterned/csshover.html

gruss chris

Am Fri, 01 Sep 2006 16:46:29 +0200 hat Gerhard Rasi <rasi at trasi.ch> geschrieben:

> hallo
>
> habe folgendes problem mit einem textmenu tmeu_layers
>
> das menu funktioniert so lang, bis man die seite etwas herunterscrollt.
> danach verschwindet das menu das keine unterseiten hat, wenn mann
> darüberfährt.
> in firefox funktioniert alles einwandfrei:
>
> stunden sind nun vergangen ich bin ratlos.
>
> mein ts :
>
>
> # Menü einfügen
> temp.MenuLinks = HMENU
> temp.MenuLinks.1 = TMENU_LAYERS
> temp.MenuLinks.1 {
> VISIBILITY:hidden;
> #directionLeft = 1
> lockPosition = x
> relativeToParentLayer=1
> relativeToTriggerItem=1
> dontFollowMouse=1
> freezeMouseover = 1
> topOffset=
> leftOffset=195
> #yPosOffset=5
> hideMenuWhenNotOver = 50
> hideMenuTimer = 70
> noBlur = 1
> expAll=1
> wrap = <div id="menu"> | </div>
>
>  IFSUB = 1
>  IFSUB {
>  allWrap = <div id="menu-ifsub"> | </div>
>  ATagTitle.field = description // title
>  }
>
> NO = 1
> NO {
>    allWrap = <div id="menu-no"> | </div>
>    ATagTitle.field = description // title
>    }
>
>
> ACTIFSUB = 1
> ACTIFSUB {
>   allWrap = <div id="menu-actifsub"> | </div>
>      ATagParams
> =accesskey="1"||accesskey="2"||accesskey="3"||accesskey="4"||accesskey="5"||accesskey="6"||
>   ATagTitle.field = description // title
>   }
>
>  ACT = 1
>  ACT {
>      allWrap = <div id="menu-act"> | </div>
>      ATagTitle.field = description // title
>      }
> RO < .NO
>
> }
>
> temp.MenuLinks.2 = TMENU_LAYERS
> temp.MenuLinks.2 {
> VISIBILITY:hidden;
> #directionLeft = 1
> lockPosition = x
> relativeToParentLayer=1
> relativeToTriggerItem=1
> dontFollowMouse=1
> freezeMouseover = 1
> hideMenuWhenNotOver=1
> topOffset=0
> leftOffset=180
> noBlur = 1
> expAll=1
> wrap = <div id="submenu"> | </div>
>
> IFSUB = 1
>  IFSUB {
>  allWrap = <div id="menu-ifsub"> | </div>
>  ATagParams
> =accesskey="1"||accesskey="2"||accesskey="3"||accesskey="4"||accesskey="5"||accesskey="6"||
>  ATagTitle.field = description // title
>  }
>
> NO = 1
> NO {
>    allWrap = <div id="menu-sub"> | </div>
>    ATagTitle.field = description // title
>    }
>
>
> ACTIFSUB = 1
> ACTIFSUB {
>   allWrap = <div id="menu-actifsub"> | </div>
>      ATagParams
> =accesskey="1"||accesskey="2"||accesskey="3"||accesskey="4"||accesskey="5"||accesskey="6"||
>   ATagTitle.field = description // title
>   }
>
>  ACT = 1
>  ACT {
>      allWrap = <div id="menu-act"> | </div>
>      ATagTitle.field = description // title
>      }
>
> RO < .NO
>
> }
>
> temp.MenuLinks.3 = TMENU_LAYERS
> temp.MenuLinks.3 {
> VISIBILITY:hidden;
> #directionLeft = 1
> lockPosition = x
> relativeToParentLayer=1
> relativeToTriggerItem=1
> hideMenuWhenNotOver=1
> topOffset=0
> leftOffset=0
> noBlur = 1
> expAll=0
> wrap = <div id="submenu2"> | </div>
>
> NO = 1
> NO {
>    allWrap = <div id="menu2-sub"> | </div>
>    ATagTitle.field = description // title
>    }
>
>  ACT = 1
>  ACT {
>      allWrap = <div id="menu2-sub-act> | </div>
>      ACT.ATagTitle.field = description // title
>      }
>
> RO < .NO
> }
>
> beispiel hier: http://rasi.ch/test2
>



-- 
christian wolff - multimedia producer
telefon: (030) 789 134 99
email: chris at connye.com
adresse: schenkendorfstr. 6 - 10965 berlin