[TYPO3-UG Dutch] GMENU + GMENU voor headers

[Jeroen Vermolen]

Hallo Michael,

Je SASS lijkt zo te kloppen qua syntax.

Ik merk van met CSS dat als je position absolute gebruikt de parent van het
element niet "meegroeit". Oftewel, probeer eens voor je ul.sub-nav
position: relative; te gebruiken.

Als de parent li namelijk nog dezelfde hoogte houdt zul je hier niet meer
over hoveren wanneer je op de sub nav zit, met als logisch gedrag dat deze
weer inklapt.

Je kunt het eventueel controleren door in Chrome element inspecteren het li
element 'Force element state: hover te geven en dan met je muis in element
inspecteren over de betreffende li heen te gaan. In de pagina geeft het
blauwe vakje dan aan waar het element zit.

Met vriendelijke groet,

Jeroen Vermolen

Emmastraat 11
5912 CP Venlo

j.p.vermolen at gmail.com
+31 (0)6 42909220


Op 6 juni 2013 14:51 schreef Michael de Jong <dej.michael at hotmail.com> het
volgende:

>            nav#mainnav{
>                @include border-radius-single(8px,8px,**0,0);
>                background:{
>                    color:$blue;
>                }
>                height:45px;
>                               li{
>                    display:inline-block;
>                    zoom:1;
>                    *display:inline;
>                    position:relative;
>                                       ul.sub-nav{
>                        display:none;
>                    }
>                                       &:hover ul.sub-nav{
>                        position:absolute;
>                        left:0;
>                        top:45px;
>                        display:block;
>                        z-index: 10;
>                        background-color:$dark-blue;
>                        @include border-radius-single(0,0,8px,**0);
>                        padding:5px 10px 5px 0;
>                                               li{
>                            display:block;
>                        }
>                    }
>                                   }
>            }
>
> Dit is mijn css code. Ik kan geen link sturen aangezien ik die lokaal aan
> het bouwen ben :) maar dit is mijn css sass code, en het menu wordt met de
> gifbuilder gemaakt zoals je kan zien in mijn eerste post. Meer heb ik wat
> het menu betreft niet als code.
>
> Groet,
> Michael
>
> ______________________________**_________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-ug-**dutch<http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch>
>