[TYPO3-german] tmenu_layers IE problem

Gerhard Rasi rasi at trasi.ch
Fri Sep 1 22:13:32 CEST 2006


danke füe den tip aber
das ganze ifsub usw. fehlt dann halt oder dann fängt da die bastelei an


"Christian Wolff" <Chris at connye.com> schrieb im Newsbeitrag 
news:mailman.357.1157132859.26582.typo3-german at lists.netfielders.de...
> 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 





More information about the TYPO3-german mailing list