onglet du couteau suisse

info3 · Décembre 1, 2009, 10:47

J'ai utilisé sur ma page d'accueil des onglets qui me satisfont tout à fait sauf que mes sous-menus sont masqués par ces onglets ce qui empêche les surfeurs d'y accéder. Comment puis je faire. J'avais cru trouver une solution avec position :absolute dans le css de mes menus sarka mais cela ne solutionne rien. Merci à vous si vous avez une idée.

mon site www.preuillysurclaise.fr

Y.Bourgeois · Décembre 1, 2009, 10:55

Bonjour,
En allant sur ton site, on voit les onglets affichés les uns en dessous des
autres. Est-ce voulu?
Il semble que tu aies mis çà dans ton article:
<onglets>
Titre1

Blabla

</onglets>

<onglets>
Titre2

Blabla

</onglets>

La bonne synthaxe est:

<onglets>
Titre1

Blabla

++++
Titre2

Blabla

</onglets>
Cdlt Yanik

-----Message d'origine-----
De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr]
Envoyé : mardi 1 décembre 2009 11:47
À : SPIP
Objet : [Spip] onglet du couteau suisse

J'ai utilisé sur ma page d'accueil des onglets qui me satisfont tout à
fait sauf que mes sous-menus sont masqués par ces onglets ce qui empêche
les surfeurs d'y accéder. Comment puis je faire. J'avais cru trouver une
solution avec position :absolute dans le css de mes menus sarka mais
cela ne solutionne rien. Merci à vous si vous avez une idée.

mon site www.preuillysurclaise.fr
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Payet_Teddy · Décembre 1, 2009, 10:56

Il faut mettre un z-index à votr emenu :

ul.menulist li:hover > ul {

display:block;
z-index:100;

}

Le 1 décembre 2009 11:47, info@preuillysurclaise <info@preuillysurclaise.fr> a écrit :

J’ai utilisé sur ma page d’accueil des onglets qui me satisfont tout à fait sauf que mes sous-menus sont masqués par ces onglets ce qui empêche les surfeurs d’y accéder. Comment puis je faire. J’avais cru trouver une solution avec position :absolute dans le css de mes menus sarka mais cela ne solutionne rien. Merci à vous si vous avez une idée.

mon site www.preuillysurclaise.fr

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

info3 · Décembre 1, 2009, 11:27

merci à vous deux
j'ai bien effectué les modifs dans le css de sarka mais cela ne modifie pas l'ordre d'affichage et mon menu est masqué même si les modifs des onglets réduit cet effet

ne faudrait il pas que je modifie aussi :
ul.menulist li{
position:relative;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}
je ne suis pas un phénix en css mais j'avais cru comprendre que le li/hover était le sous-menu qui est masqué. Ais je bien compris ?

Teddy Payet a écrit :

Il faut mettre un z-index à votr emenu :
ul.menulist li:hover > ul {
display:block;
z-index:100;
}

Le 1 décembre 2009 11:47, info@preuillysurclaise <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>> a écrit :

    J'ai utilisé sur ma page d'accueil des onglets qui me satisfont
    tout à fait sauf que mes sous-menus sont masqués par ces onglets
    ce qui empêche les surfeurs d'y accéder. Comment puis je faire.
    J'avais cru trouver une solution avec position :absolute dans le
    css de mes menus sarka mais cela ne solutionne rien. Merci à vous
    si vous avez une idée.

    mon site www.preuillysurclaise.fr <http://www.preuillysurclaise.fr>
    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

Payet_Teddy · Décembre 1, 2009, 11:43

Oui c’est bien ça.
De ce fait, ul.menulist li:hover ul correspond au menu qui s’affiche au survol… C’est lui passe en dessous de vos onglets. Donc, il faut indiquer sur quel z-index (calque pour les habitués photoshopeux) se trouve le menu affiché…

Le 1 décembre 2009 12:27, info@preuillysurclaise <info@preuillysurclaise.fr> a écrit :

merci à vous deux
j’ai bien effectué les modifs dans le css de sarka mais cela ne modifie pas l’ordre d’affichage et mon menu est masqué même si les modifs des onglets réduit cet effet

ne faudrait il pas que je modifie aussi :
ul.menulist li{
position:relative;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}
je ne suis pas un phénix en css mais j’avais cru comprendre que le li/hover était le sous-menu qui est masqué. Ais je bien compris ?

Teddy Payet a écrit :

Il faut mettre un z-index à votr emenu :
ul.menulist li:hover > ul {
display:block;
z-index:100;
}

Le 1 décembre 2009 11:47, info@preuillysurclaise <info@preuillysurclaise.fr mailto:[info@preuillysurclaise.fr](mailto:info@preuillysurclaise.fr)> a écrit :

J’ai utilisé sur ma page d’accueil des onglets qui me satisfont
tout à fait sauf que mes sous-menus sont masqués par ces onglets
ce qui empêche les surfeurs d’y accéder. Comment puis je faire.
J’avais cru trouver une solution avec position :absolute dans le
css de mes menus sarka mais cela ne solutionne rien. Merci à vous
si vous avez une idée.

mon site www.preuillysurclaise.fr <http://www.preuillysurclaise.fr>

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un
mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

info3 · Décembre 1, 2009, 1:27

J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu vérifier que dans le fichier css du couteau suisse le z-index de l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon fichier corrigé comme j'ai pu le comprendre

/* bloc de navigation 1 --> arborescence du site */
.nav1 {
        /*bloc contenant la hierarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
}

ul.menulist li ul{
display:none;
z-index:100;
}

ul.menulist li:hover>ul{
    display:block;
    z-index:100;
     }

ul.menulist,
ul.menulist ul{
background: url(../../IMG/jpg/BOUTON.jpg);
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;
}

ul.menulist ul{
position:absolute;
top:-1px;
left:180px;
}

ul.menulist li{
position: absolute;
z-index:100;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}

ul.menulist a{
display:block;
_width: 100%;
color:#FFFFFF;
text-decoration:none;
padding: 5px;
}

ul.menulist a:hover{
background:#009900;
color:#FFFFFF;
}

ul.menulist li.smenu {
        background-image: url(../images/arrow.gif) !important;
        background-position: 171px;
        background-repeat: no-repeat;
        z-index::100;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../images/arrowb.gif) !important;
        background-position: 168px;
        background-repeat: no-repeat;
        z-index::100;
}

Teddy Payet a écrit :

Oui c'est bien ça.
De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche au survol... C'est lui passe en dessous de vos onglets. Donc, il faut indiquer sur quel z-index (calque pour les habitués photoshopeux) se trouve le menu affiché...

Le 1 décembre 2009 12:27, info@preuillysurclaise <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>> a écrit :

    merci à vous deux
    j'ai bien effectué les modifs dans le css de sarka mais cela ne
    modifie pas l'ordre d'affichage et mon menu est masqué même si les
    modifs des onglets réduit cet effet

    ne faudrait il pas que je modifie aussi :
    ul.menulist li{
    position:relative;
    margin:0px;
    padding:0px;
    border-bottom: 1px solid #FFFFFF;
    }
    je ne suis pas un phénix en css mais j'avais cru comprendre que le
    li/hover était le sous-menu qui est masqué. Ais je bien compris ?

    Teddy Payet a écrit :

        Il faut mettre un z-index à votr emenu :
        ul.menulist li:hover > ul {
        display:block;
        z-index:100;
        }

        Le 1 décembre 2009 11:47, info@preuillysurclaise
        <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
        <mailto:info@preuillysurclaise.fr
        <mailto:info@preuillysurclaise.fr>>> a écrit :

           J'ai utilisé sur ma page d'accueil des onglets qui me satisfont
           tout à fait sauf que mes sous-menus sont masqués par ces
        onglets
           ce qui empêche les surfeurs d'y accéder. Comment puis je faire.
           J'avais cru trouver une solution avec position :absolute
        dans le
           css de mes menus sarka mais cela ne solutionne rien. Merci
        à vous
           si vous avez une idée.

           mon site www.preuillysurclaise.fr
        <http://www.preuillysurclaise.fr>
           _______________________________________________
           liste spip
           spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement : envoyer un
           mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

           Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
           Discuter chez rezo.net

           Documentation de SPIP : http://www.spip.net/

           Irc : de l'aide à toute heure : http://spip.net/irc

Y.Bourgeois · Décembre 1, 2009, 2:40

Bonjour à tous,

Aparemment, il te faut le mettre uniquement ici:

ul.menulist ul{
background: url(../../IMG/jpg/BOUTON.jpg);
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;
z-index:100; <=
}

-----Message d'origine-----
De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr]
Envoyé : mardi 1 décembre 2009 14:28
À : Teddy Payet
Cc : SPIP
Objet : Re: [Spip] onglet du couteau suisse

J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
vérifier que dans le fichier css du couteau suisse le z-index de
l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
fichier corrigé comme j'ai pu le comprendre

/* bloc de navigation 1 --> arborescence du site */
.nav1 {
        /*bloc contenant la hierarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
}

ul.menulist li ul{
display:none;
z-index:100;
}

ul.menulist li:hover>ul{
    display:block;
    z-index:100;
     }

ul.menulist,
ul.menulist ul{
background: url(../../IMG/jpg/BOUTON.jpg);
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;
}

ul.menulist ul{
position:absolute;
top:-1px;
left:180px;
}

ul.menulist li{
position: absolute;
z-index:100;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}

ul.menulist a{
display:block;
_width: 100%;
color:#FFFFFF;
text-decoration:none;
padding: 5px;
}

ul.menulist a:hover{
background:#009900;
color:#FFFFFF;
}

ul.menulist li.smenu {
        background-image: url(../images/arrow.gif) !important;
        background-position: 171px;
        background-repeat: no-repeat;
        z-index::100;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../images/arrowb.gif) !important;
        background-position: 168px;
        background-repeat: no-repeat;
        z-index::100;
}

Teddy Payet a écrit :

Oui c'est bien ça.
De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
au survol... C'est lui passe en dessous de vos onglets. Donc, il faut
indiquer sur quel z-index (calque pour les habitués photoshopeux) se
trouve le menu affiché...

Le 1 décembre 2009 12:27, info@preuillysurclaise
<info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>> a écrit :

    merci à vous deux
    j'ai bien effectué les modifs dans le css de sarka mais cela ne
    modifie pas l'ordre d'affichage et mon menu est masqué même si les
    modifs des onglets réduit cet effet

    ne faudrait il pas que je modifie aussi :
    ul.menulist li{
    position:relative;
    margin:0px;
    padding:0px;
    border-bottom: 1px solid #FFFFFF;
    }
    je ne suis pas un phénix en css mais j'avais cru comprendre que le
    li/hover était le sous-menu qui est masqué. Ais je bien compris ?

    Teddy Payet a écrit :

        Il faut mettre un z-index à votr emenu :
        ul.menulist li:hover > ul {
        display:block;
        z-index:100;
        }

        Le 1 décembre 2009 11:47, info@preuillysurclaise
        <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
        <mailto:info@preuillysurclaise.fr
        <mailto:info@preuillysurclaise.fr>>> a écrit :

           J'ai utilisé sur ma page d'accueil des onglets qui me satisfont
           tout à fait sauf que mes sous-menus sont masqués par ces
        onglets
           ce qui empêche les surfeurs d'y accéder. Comment puis je faire.
           J'avais cru trouver une solution avec position :absolute
        dans le
           css de mes menus sarka mais cela ne solutionne rien. Merci
        à vous
           si vous avez une idée.

           mon site www.preuillysurclaise.fr
        <http://www.preuillysurclaise.fr>
        <http://www.preuillysurclaise.fr>
           _______________________________________________
           liste spip
           spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement : envoyer un
           mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

           Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
           Discuter chez rezo.net

           Documentation de SPIP : http://www.spip.net/

           Irc : de l'aide à toute heure : http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

eric_tonton · Décembre 1, 2009, 2:58

Bonjour,

As tu essayé plutôt que d’utiliser la lame du couteau suisse, le plugin onglets dans le texte seul. Je l’avais testé et je ne me souviens pas d’avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr> a écrit :

Bonjour à tous,

Aparemment, il te faut le mettre uniquement ici:

ul.menulist ul{
background: url(…/…/IMG/jpg/BOUTON.jpg);
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;

z-index:100; <=

}

-----Message d’origine-----
De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr]

Envoyé : mardi 1 décembre 2009 14:28
À : Teddy Payet
Cc : SPIP
Objet : Re: [Spip] onglet du couteau suisse

J’ai peur d’avoir mis du z-index:100 un peu partout, en plus j’ai pu
vérifier que dans le fichier css du couteau suisse le z-index de
l’onglet est z-index:11 ce qui semble correct à priori. Je joins mon
fichier corrigé comme j’ai pu le comprendre

/* bloc de navigation 1 → arborescence du site */
.nav1 {
/bloc contenant la hierarchie/
width: 100%;
padding:0px;
font-size: 12px;
}

ul.menulist li ul{
display:none;
z-index:100;
}

ul.menulist li:hover>ul{
display:block;
z-index:100;
}

ul.menulist,
ul.menulist ul{
background: url(…/…/IMG/jpg/BOUTON.jpg);
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;
}

ul.menulist ul{
position:absolute;
top:-1px;
left:180px;
}

ul.menulist li{
position: absolute;
z-index:100;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}

ul.menulist a{
display:block;
_width: 100%;
color:#FFFFFF;
text-decoration:none;
padding: 5px;
}

ul.menulist a:hover{
background:#009900;
color:#FFFFFF;
}

ul.menulist li.smenu {
background-image: url(…/images/arrow.gif) !important;
background-position: 171px;
background-repeat: no-repeat;
z-index::100;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
background-image: url(…/images/arrowb.gif) !important;
background-position: 168px;
background-repeat: no-repeat;
z-index::100;
}

Teddy Payet a écrit :

Oui c’est bien ça.
De ce fait, ul.menulist li:hover ul correspond au menu qui s’affiche
au survol… C’est lui passe en dessous de vos onglets. Donc, il faut
indiquer sur quel z-index (calque pour les habitués photoshopeux) se
trouve le menu affiché…

Le 1 décembre 2009 12:27, info@preuillysurclaise
<info@preuillysurclaise.fr mailto:[info@preuillysurclaise.fr](mailto:info@preuillysurclaise.fr)> a écrit :

merci à vous deux
j’ai bien effectué les modifs dans le css de sarka mais cela ne
modifie pas l’ordre d’affichage et mon menu est masqué même si les
modifs des onglets réduit cet effet

ne faudrait il pas que je modifie aussi :
ul.menulist li{
position:relative;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}
je ne suis pas un phénix en css mais j’avais cru comprendre que le
li/hover était le sous-menu qui est masqué. Ais je bien compris ?

Teddy Payet a écrit :

Il faut mettre un z-index à votr emenu :
ul.menulist li:hover > ul {
display:block;
z-index:100;
}

Le 1 décembre 2009 11:47, info@preuillysurclaise
<info@preuillysurclaise.fr mailto:[info@preuillysurclaise.fr](mailto:info@preuillysurclaise.fr)
<mailto:info@preuillysurclaise.fr
mailto:[info@preuillysurclaise.fr](mailto:info@preuillysurclaise.fr)>> a écrit :

J’ai utilisé sur ma page d’accueil des onglets qui me satisfont
tout à fait sauf que mes sous-menus sont masqués par ces
onglets
ce qui empêche les surfeurs d’y accéder. Comment puis je faire.
J’avais cru trouver une solution avec position :absolute
dans le
css de mes menus sarka mais cela ne solutionne rien. Merci
à vous
si vous avez une idée.

mon site www.preuillysurclaise.fr
<http://www.preuillysurclaise.fr>
<http://www.preuillysurclaise.fr>

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) <mailto:spip@rezo.net
mailto:[spip@rezo.net](mailto:spip@rezo.net)> - désabonnement : envoyer un
mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)
<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>

Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

info3 · Décembre 1, 2009, 3:49

j'ai tenté mais j'ai le même problème, je vais revenir à la formule de départ qui est un peu plus simple pour les rédacteurs et plus jolie. Si je ne trouve pas de solution je m'en passerais même si j'aimais bien mes onglets

merci quand même

Eric a écrit :

Bonjour,

As tu essayé plutôt que d'utiliser la lame du couteau suisse, le plugin onglets dans le texte seul. Je l'avais testé et je ne me souviens pas d'avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr <mailto:y.bourgeois@free.fr>> a écrit :

    Bonjour à tous,

    Aparemment, il te faut le mettre uniquement ici:

    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    z-index:100; <=
    }

    -----Message d'origine-----
    De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>]
    Envoyé : mardi 1 décembre 2009 14:28
    À : Teddy Payet
    Cc : SPIP
    Objet : Re: [Spip] onglet du couteau suisse

    J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
    vérifier que dans le fichier css du couteau suisse le z-index de
    l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
    fichier corrigé comme j'ai pu le comprendre

    /* bloc de navigation 1 --> arborescence du site */
    .nav1 {
           /*bloc contenant la hierarchie*/
           width: 100%;
           padding:0px;
           font-size: 12px;
    }

    ul.menulist li ul{
       display:none;
       z-index:100;
    }

    ul.menulist li:hover>ul{
       display:block;
       z-index:100;
        }

    ul.menulist,
    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    }

    ul.menulist ul{
     position:absolute;
     top:-1px;
     left:180px;
    }

    ul.menulist li{
     position: absolute;
     z-index:100;
     margin:0px;
     padding:0px;
     border-bottom: 1px solid #FFFFFF;
    }

    ul.menulist a{
     display:block;
     _width: 100%;
     color:#FFFFFF;
     text-decoration:none;
     padding: 5px;
    }

    ul.menulist a:hover{
     background:#009900;
     color:#FFFFFF;
    }

    ul.menulist li.smenu {
           background-image: url(../images/arrow.gif) !important;
           background-position: 171px;
           background-repeat: no-repeat;
           z-index::100;
    }

    ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
           background-image: url(../images/arrowb.gif) !important;
           background-position: 168px;
           background-repeat: no-repeat;
           z-index::100;
    }

    Teddy Payet a écrit :
    > Oui c'est bien ça.
    > De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
    > au survol... C'est lui passe en dessous de vos onglets. Donc, il
    faut
    > indiquer sur quel z-index (calque pour les habitués photoshopeux) se
    > trouve le menu affiché...
    >
    > Le 1 décembre 2009 12:27, info@preuillysurclaise
    > <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>> a écrit :
    >
    > merci à vous deux
    > j'ai bien effectué les modifs dans le css de sarka mais cela ne
    > modifie pas l'ordre d'affichage et mon menu est masqué même
    si les
    > modifs des onglets réduit cet effet
    >
    > ne faudrait il pas que je modifie aussi :
    > ul.menulist li{
    > position:relative;
    > margin:0px;
    > padding:0px;
    > border-bottom: 1px solid #FFFFFF;
    > }
    > je ne suis pas un phénix en css mais j'avais cru comprendre
    que le
    > li/hover était le sous-menu qui est masqué. Ais je bien
    compris ?
    >
    > Teddy Payet a écrit :
    >
    > Il faut mettre un z-index à votr emenu :
    > ul.menulist li:hover > ul {
    > display:block;
    > z-index:100;
    > }
    >
    > Le 1 décembre 2009 11:47, info@preuillysurclaise
    > <info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>>> a écrit :
    >
    > J'ai utilisé sur ma page d'accueil des onglets qui me
    satisfont
    > tout à fait sauf que mes sous-menus sont masqués par ces
    > onglets
    > ce qui empêche les surfeurs d'y accéder. Comment puis
    je faire.
    > J'avais cru trouver une solution avec position :absolute
    > dans le
    > css de mes menus sarka mais cela ne solutionne rien.
    Merci
    > à vous
    > si vous avez une idée.
    >
    > mon site www.preuillysurclaise.fr
    <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > _______________________________________________
    > liste spip
    > spip@rezo.net <mailto:spip@rezo.net>
    <mailto:spip@rezo.net>
    <mailto:spip@rezo.net
    > <mailto:spip@rezo.net>> -
    désabonnement : envoyer un
    > mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
    <mailto:spip-off@rezo.net>
    > <mailto:spip-off@rezo.net
    <mailto:spip-off@rezo.net>>
    >
    > Infos et archives :
    > http://listes.rezo.net/mailman/listinfo/spip
    > Discuter chez rezo.net
    >
    > Documentation de SPIP : http://www.spip.net/
    >
    > Irc : de l'aide à toute heure : http://spip.net/irc
    >

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

Y.Bourgeois · Décembre 1, 2009, 4:02

Salut à tous,

Je confirme,

En faisant la modif ci-dessous dans ton css style-menu-deroulant.css çà
fonctionne.
Vérifié avec FireFox WebDevelopper

Cordialement
Yanik

-----Message d'origine-----
De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr]
Envoyé : mardi 1 décembre 2009 16:50
À : Eric
Cc : Yanik Bourgeois; Teddy Payet; SPIP
Objet : Re: [Spip] onglet du couteau suisse

j'ai tenté mais j'ai le même problème, je vais revenir à la formule de
départ qui est un peu plus simple pour les rédacteurs et plus jolie. Si
je ne trouve pas de solution je m'en passerais même si j'aimais bien
mes onglets

merci quand même

Eric a écrit :

Bonjour,

As tu essayé plutôt que d'utiliser la lame du couteau suisse, le
plugin onglets dans le texte seul. Je l'avais testé et je ne me
souviens pas d'avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr
<mailto:y.bourgeois@free.fr>> a écrit :

    Bonjour à tous,

    Aparemment, il te faut le mettre uniquement ici:

    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    z-index:100; <=
    }

    -----Message d'origine-----
    De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>]
    Envoyé : mardi 1 décembre 2009 14:28
    À : Teddy Payet
    Cc : SPIP
    Objet : Re: [Spip] onglet du couteau suisse

    J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
    vérifier que dans le fichier css du couteau suisse le z-index de
    l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
    fichier corrigé comme j'ai pu le comprendre

    /* bloc de navigation 1 --> arborescence du site */
    .nav1 {
           /*bloc contenant la hierarchie*/
           width: 100%;
           padding:0px;
           font-size: 12px;
    }

    ul.menulist li ul{
       display:none;
       z-index:100;
    }

    ul.menulist li:hover>ul{
       display:block;
       z-index:100;
        }

    ul.menulist,
    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    }

    ul.menulist ul{
     position:absolute;
     top:-1px;
     left:180px;
    }

    ul.menulist li{
     position: absolute;
     z-index:100;
     margin:0px;
     padding:0px;
     border-bottom: 1px solid #FFFFFF;
    }

    ul.menulist a{
     display:block;
     _width: 100%;
     color:#FFFFFF;
     text-decoration:none;
     padding: 5px;
    }

    ul.menulist a:hover{
     background:#009900;
     color:#FFFFFF;
    }

    ul.menulist li.smenu {
           background-image: url(../images/arrow.gif) !important;
           background-position: 171px;
           background-repeat: no-repeat;
           z-index::100;
    }

    ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
           background-image: url(../images/arrowb.gif) !important;
           background-position: 168px;
           background-repeat: no-repeat;
           z-index::100;
    }

    Teddy Payet a écrit :
    > Oui c'est bien ça.
    > De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
    > au survol... C'est lui passe en dessous de vos onglets. Donc, il
    faut
    > indiquer sur quel z-index (calque pour les habitués photoshopeux) se
    > trouve le menu affiché...
    >
    > Le 1 décembre 2009 12:27, info@preuillysurclaise
    > <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>> a écrit :
    >
    > merci à vous deux
    > j'ai bien effectué les modifs dans le css de sarka mais cela ne
    > modifie pas l'ordre d'affichage et mon menu est masqué même
    si les
    > modifs des onglets réduit cet effet
    >
    > ne faudrait il pas que je modifie aussi :
    > ul.menulist li{
    > position:relative;
    > margin:0px;
    > padding:0px;
    > border-bottom: 1px solid #FFFFFF;
    > }
    > je ne suis pas un phénix en css mais j'avais cru comprendre
    que le
    > li/hover était le sous-menu qui est masqué. Ais je bien
    compris ?
    >
    >
    > Teddy Payet a écrit :
    >
    > Il faut mettre un z-index à votr emenu :
    > ul.menulist li:hover > ul {
    > display:block;
    > z-index:100;
    > }
    >
    >
    >
    > Le 1 décembre 2009 11:47, info@preuillysurclaise
    > <info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>>> a écrit :
    >
    >
    > J'ai utilisé sur ma page d'accueil des onglets qui me
    satisfont
    > tout à fait sauf que mes sous-menus sont masqués par ces
    > onglets
    > ce qui empêche les surfeurs d'y accéder. Comment puis
    je faire.
    > J'avais cru trouver une solution avec position :absolute
    > dans le
    > css de mes menus sarka mais cela ne solutionne rien.
    Merci
    > à vous
    > si vous avez une idée.
    >
    > mon site www.preuillysurclaise.fr
    <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > _______________________________________________
    > liste spip
    > spip@rezo.net <mailto:spip@rezo.net>
    <mailto:spip@rezo.net>
    <mailto:spip@rezo.net
    > <mailto:spip@rezo.net>> -
    désabonnement : envoyer un
    > mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
    <mailto:spip-off@rezo.net>
    > <mailto:spip-off@rezo.net
    <mailto:spip-off@rezo.net>>
    >
    >
    > Infos et archives :
    > http://listes.rezo.net/mailman/listinfo/spip
    > Discuter chez rezo.net
    >
    > Documentation de SPIP : http://www.spip.net/
    >
    > Irc : de l'aide à toute heure : http://spip.net/irc
    >
    >
    >
    >

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

jmica · Décembre 1, 2009, 4:12

info@preuillysurclaise a écrit :

j'ai tenté mais j'ai le même problème, je vais revenir à la formule de départ qui est un peu plus simple pour les rédacteurs et plus jolie. Si je ne trouve pas de solution je m'en passerais même si j'aimais bien mes onglets

merci quand même

Eric a écrit :

Bonjour,

As tu essayé plutôt que d'utiliser la lame du couteau suisse, le plugin onglets dans le texte seul. Je l'avais testé et je ne me souviens pas d'avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr <mailto:y.bourgeois@free.fr>> a écrit :

    Bonjour à tous,

    Aparemment, il te faut le mettre uniquement ici:

    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    z-index:100; <=
    }

    -----Message d'origine-----
    De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>]
    Envoyé : mardi 1 décembre 2009 14:28
    À : Teddy Payet
    Cc : SPIP
    Objet : Re: [Spip] onglet du couteau suisse

    J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
    vérifier que dans le fichier css du couteau suisse le z-index de
    l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
    fichier corrigé comme j'ai pu le comprendre

    /* bloc de navigation 1 --> arborescence du site */
    .nav1 {
           /*bloc contenant la hierarchie*/
           width: 100%;
           padding:0px;
           font-size: 12px;
    }

    ul.menulist li ul{
       display:none;
       z-index:100;
    }

    ul.menulist li:hover>ul{
       display:block;
       z-index:100;
        }

    ul.menulist,
    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    }

    ul.menulist ul{
     position:absolute;
     top:-1px;
     left:180px;
    }

    ul.menulist li{
     position: absolute;
     z-index:100;
     margin:0px;
     padding:0px;
     border-bottom: 1px solid #FFFFFF;
    }

    ul.menulist a{
     display:block;
     _width: 100%;
     color:#FFFFFF;
     text-decoration:none;
     padding: 5px;
    }

    ul.menulist a:hover{
     background:#009900;
     color:#FFFFFF;
    }

    ul.menulist li.smenu {
           background-image: url(../images/arrow.gif) !important;
           background-position: 171px;
           background-repeat: no-repeat;
           z-index::100;
    }

    ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
           background-image: url(../images/arrowb.gif) !important;
           background-position: 168px;
           background-repeat: no-repeat;
           z-index::100;
    }

    Teddy Payet a écrit :
    > Oui c'est bien ça.
    > De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
    > au survol... C'est lui passe en dessous de vos onglets. Donc, il
    faut
    > indiquer sur quel z-index (calque pour les habitués photoshopeux) se
    > trouve le menu affiché...
    >
    > Le 1 décembre 2009 12:27, info@preuillysurclaise
    > <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>> a écrit :
    >
    > merci à vous deux
    > j'ai bien effectué les modifs dans le css de sarka mais cela ne
    > modifie pas l'ordre d'affichage et mon menu est masqué même
    si les
    > modifs des onglets réduit cet effet
    >
    > ne faudrait il pas que je modifie aussi :
    > ul.menulist li{
    > position:relative;
    > margin:0px;
    > padding:0px;
    > border-bottom: 1px solid #FFFFFF;
    > }
    > je ne suis pas un phénix en css mais j'avais cru comprendre
    que le
    > li/hover était le sous-menu qui est masqué. Ais je bien
    compris ?
    >
    > Teddy Payet a écrit :
    >
    > Il faut mettre un z-index à votr emenu :
    > ul.menulist li:hover > ul {
    > display:block;
    > z-index:100;
    > }
    >
    > Le 1 décembre 2009 11:47, info@preuillysurclaise
    > <info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>>> a écrit :
    >
    > J'ai utilisé sur ma page d'accueil des onglets qui me
    satisfont
    > tout à fait sauf que mes sous-menus sont masqués par ces
    > onglets
    > ce qui empêche les surfeurs d'y accéder. Comment puis
    je faire.
    > J'avais cru trouver une solution avec position :absolute
    > dans le
    > css de mes menus sarka mais cela ne solutionne rien.
    Merci
    > à vous
    > si vous avez une idée.
    >
    > mon site www.preuillysurclaise.fr
    <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > _______________________________________________
    > liste spip
    > spip@rezo.net <mailto:spip@rezo.net>
    <mailto:spip@rezo.net>
    <mailto:spip@rezo.net
    > <mailto:spip@rezo.net>> -
    désabonnement : envoyer un
    > mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
    <mailto:spip-off@rezo.net>
    > <mailto:spip-off@rezo.net
    <mailto:spip-off@rezo.net>>
    >
    > Infos et archives :
    > http://listes.rezo.net/mailman/listinfo/spip
    > Discuter chez rezo.net
    >
    > Documentation de SPIP : http://www.spip.net/
    >
    > Irc : de l'aide à toute heure : http://spip.net/irc
    >

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

Salut !

je viens de jeter un oeil sur ta page et j'ai vu que tu peux jouer sur le z-index de ton menu gauche, j'ai fait un test en mettant un z-index;400;
et ça marche
les sous menu passe au dessus.

amicalement
jmica

asso.bachant · Décembre 1, 2009, 5:19

jmica a écrit :

info@preuillysurclaise a écrit :

j'ai tenté mais j'ai le même problème, je vais revenir à la formule de départ qui est un peu plus simple pour les rédacteurs et plus jolie. Si je ne trouve pas de solution je m'en passerais même si j'aimais bien mes onglets

merci quand même

Eric a écrit :

Bonjour,

As tu essayé plutôt que d'utiliser la lame du couteau suisse, le plugin onglets dans le texte seul. Je l'avais testé et je ne me souviens pas d'avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr <mailto:y.bourgeois@free.fr>> a écrit :

    Bonjour à tous,

    Aparemment, il te faut le mettre uniquement ici:

    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    z-index:100; <=
    }

    -----Message d'origine-----
    De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>]
    Envoyé : mardi 1 décembre 2009 14:28
    À : Teddy Payet
    Cc : SPIP
    Objet : Re: [Spip] onglet du couteau suisse

    J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
    vérifier que dans le fichier css du couteau suisse le z-index de
    l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
    fichier corrigé comme j'ai pu le comprendre

    /* bloc de navigation 1 --> arborescence du site */
    .nav1 {
           /*bloc contenant la hierarchie*/
           width: 100%;
           padding:0px;
           font-size: 12px;
    }

    ul.menulist li ul{
       display:none;
       z-index:100;
    }

    ul.menulist li:hover>ul{
       display:block;
       z-index:100;
        }

    ul.menulist,
    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    }

    ul.menulist ul{
     position:absolute;
     top:-1px;
     left:180px;
    }

    ul.menulist li{
     position: absolute;
     z-index:100;
     margin:0px;
     padding:0px;
     border-bottom: 1px solid #FFFFFF;
    }

    ul.menulist a{
     display:block;
     _width: 100%;
     color:#FFFFFF;
     text-decoration:none;
     padding: 5px;
    }

    ul.menulist a:hover{
     background:#009900;
     color:#FFFFFF;
    }

    ul.menulist li.smenu {
           background-image: url(../images/arrow.gif) !important;
           background-position: 171px;
           background-repeat: no-repeat;
           z-index::100;
    }

    ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
           background-image: url(../images/arrowb.gif) !important;
           background-position: 168px;
           background-repeat: no-repeat;
           z-index::100;
    }

    Teddy Payet a écrit :
    > Oui c'est bien ça.
    > De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
    > au survol... C'est lui passe en dessous de vos onglets. Donc, il
    faut
    > indiquer sur quel z-index (calque pour les habitués photoshopeux) se
    > trouve le menu affiché...
    >
    > Le 1 décembre 2009 12:27, info@preuillysurclaise
    > <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>> a écrit :
    >
    > merci à vous deux
    > j'ai bien effectué les modifs dans le css de sarka mais cela ne
    > modifie pas l'ordre d'affichage et mon menu est masqué même
    si les
    > modifs des onglets réduit cet effet
    >
    > ne faudrait il pas que je modifie aussi :
    > ul.menulist li{
    > position:relative;
    > margin:0px;
    > padding:0px;
    > border-bottom: 1px solid #FFFFFF;
    > }
    > je ne suis pas un phénix en css mais j'avais cru comprendre
    que le
    > li/hover était le sous-menu qui est masqué. Ais je bien
    compris ?
    >
    > Teddy Payet a écrit :
    >
    > Il faut mettre un z-index à votr emenu :
    > ul.menulist li:hover > ul {
    > display:block;
    > z-index:100;
    > }
    >
    > Le 1 décembre 2009 11:47, info@preuillysurclaise
    > <info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>>> a écrit :
    >
    > J'ai utilisé sur ma page d'accueil des onglets qui me
    satisfont
    > tout à fait sauf que mes sous-menus sont masqués par ces
    > onglets
    > ce qui empêche les surfeurs d'y accéder. Comment puis
    je faire.
    > J'avais cru trouver une solution avec position :absolute
    > dans le
    > css de mes menus sarka mais cela ne solutionne rien.
    Merci
    > à vous
    > si vous avez une idée.
    >
    > mon site www.preuillysurclaise.fr
    <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > _______________________________________________
    > liste spip
    > spip@rezo.net <mailto:spip@rezo.net>
    <mailto:spip@rezo.net>
    <mailto:spip@rezo.net
    > <mailto:spip@rezo.net>> -
    désabonnement : envoyer un
    > mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
    <mailto:spip-off@rezo.net>
    > <mailto:spip-off@rezo.net
    <mailto:spip-off@rezo.net>>
    >
    > Infos et archives :
    > http://listes.rezo.net/mailman/listinfo/spip
    > Discuter chez rezo.net
    >
    > Documentation de SPIP : http://www.spip.net/
    >
    > Irc : de l'aide à toute heure : http://spip.net/irc
    >

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

Salut !

je viens de jeter un oeil sur ta page et j'ai vu que tu peux jouer sur le z-index de ton menu gauche, j'ai fait un test en mettant un z-index;400;
et ça marche
les sous menu passe au dessus.

amicalement
jmica

_______________________________________________

bon je suis ça de prés étant sous sarka aussi ; que faut t'il faire donc au niveau du menu .............???

Qui va mettre aussi des onglets.

jmica · Décembre 1, 2009, 5:49

assobachant a écrit :

jmica a écrit :

info@preuillysurclaise a écrit :

j'ai tenté mais j'ai le même problème, je vais revenir à la formule de départ qui est un peu plus simple pour les rédacteurs et plus jolie. Si je ne trouve pas de solution je m'en passerais même si j'aimais bien mes onglets

merci quand même

Eric a écrit :

Bonjour,

As tu essayé plutôt que d'utiliser la lame du couteau suisse, le plugin onglets dans le texte seul. Je l'avais testé et je ne me souviens pas d'avoir eu ce genre de souci mais je peux me tromper.

++
EricL

Le 1 décembre 2009 15:40, Yanik Bourgeois <y.bourgeois@free.fr <mailto:y.bourgeois@free.fr>> a écrit :

    Bonjour à tous,

    Aparemment, il te faut le mettre uniquement ici:

    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    z-index:100; <=
    }

    -----Message d'origine-----
    De : info@preuillysurclaise [mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>]
    Envoyé : mardi 1 décembre 2009 14:28
    À : Teddy Payet
    Cc : SPIP
    Objet : Re: [Spip] onglet du couteau suisse

    J'ai peur d'avoir mis du z-index:100 un peu partout, en plus j'ai pu
    vérifier que dans le fichier css du couteau suisse le z-index de
    l'onglet est z-index:11 ce qui semble correct à priori. Je joins mon
    fichier corrigé comme j'ai pu le comprendre

    /* bloc de navigation 1 --> arborescence du site */
    .nav1 {
           /*bloc contenant la hierarchie*/
           width: 100%;
           padding:0px;
           font-size: 12px;
    }

    ul.menulist li ul{
       display:none;
       z-index:100;
    }

    ul.menulist li:hover>ul{
       display:block;
       z-index:100;
        }

    ul.menulist,
    ul.menulist ul{
     background: url(../../IMG/jpg/BOUTON.jpg);
     border:1px solid #FFFFFF;
     border-bottom: 0px;
     list-style:none;
     margin:0px;
     padding:0px;
     width:180px;
     _width:182px;
    }

    ul.menulist ul{
     position:absolute;
     top:-1px;
     left:180px;
    }

    ul.menulist li{
     position: absolute;
     z-index:100;
     margin:0px;
     padding:0px;
     border-bottom: 1px solid #FFFFFF;
    }

    ul.menulist a{
     display:block;
     _width: 100%;
     color:#FFFFFF;
     text-decoration:none;
     padding: 5px;
    }

    ul.menulist a:hover{
     background:#009900;
     color:#FFFFFF;
    }

    ul.menulist li.smenu {
           background-image: url(../images/arrow.gif) !important;
           background-position: 171px;
           background-repeat: no-repeat;
           z-index::100;
    }

    ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
           background-image: url(../images/arrowb.gif) !important;
           background-position: 168px;
           background-repeat: no-repeat;
           z-index::100;
    }

    Teddy Payet a écrit :
    > Oui c'est bien ça.
    > De ce fait, ul.menulist li:hover ul correspond au menu qui s'affiche
    > au survol... C'est lui passe en dessous de vos onglets. Donc, il
    faut
    > indiquer sur quel z-index (calque pour les habitués photoshopeux) se
    > trouve le menu affiché...
    >
    > Le 1 décembre 2009 12:27, info@preuillysurclaise
    > <info@preuillysurclaise.fr <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>> a écrit :
    >
    > merci à vous deux
    > j'ai bien effectué les modifs dans le css de sarka mais cela ne
    > modifie pas l'ordre d'affichage et mon menu est masqué même
    si les
    > modifs des onglets réduit cet effet
    >
    > ne faudrait il pas que je modifie aussi :
    > ul.menulist li{
    > position:relative;
    > margin:0px;
    > padding:0px;
    > border-bottom: 1px solid #FFFFFF;
    > }
    > je ne suis pas un phénix en css mais j'avais cru comprendre
    que le
    > li/hover était le sous-menu qui est masqué. Ais je bien
    compris ?
    >
    > Teddy Payet a écrit :
    >
    > Il faut mettre un z-index à votr emenu :
    > ul.menulist li:hover > ul {
    > display:block;
    > z-index:100;
    > }
    >
    > Le 1 décembre 2009 11:47, info@preuillysurclaise
    > <info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>
    > <mailto:info@preuillysurclaise.fr
    <mailto:info@preuillysurclaise.fr>>>> a écrit :
    >
    > J'ai utilisé sur ma page d'accueil des onglets qui me
    satisfont
    > tout à fait sauf que mes sous-menus sont masqués par ces
    > onglets
    > ce qui empêche les surfeurs d'y accéder. Comment puis
    je faire.
    > J'avais cru trouver une solution avec position :absolute
    > dans le
    > css de mes menus sarka mais cela ne solutionne rien.
    Merci
    > à vous
    > si vous avez une idée.
    >
    > mon site www.preuillysurclaise.fr
    <http://www.preuillysurclaise.fr>
    > <http://www.preuillysurclaise.fr>
    > _______________________________________________
    > liste spip
    > spip@rezo.net <mailto:spip@rezo.net>
    <mailto:spip@rezo.net>
    <mailto:spip@rezo.net
    > <mailto:spip@rezo.net>> -
    désabonnement : envoyer un
    > mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
    <mailto:spip-off@rezo.net>
    > <mailto:spip-off@rezo.net
    <mailto:spip-off@rezo.net>>
    >
    > Infos et archives :
    > http://listes.rezo.net/mailman/listinfo/spip
    > Discuter chez rezo.net
    >
    > Documentation de SPIP : http://www.spip.net/
    >
    > Irc : de l'aide à toute heure : http://spip.net/irc
    >

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

Salut !

je viens de jeter un oeil sur ta page et j'ai vu que tu peux jouer sur le z-index de ton menu gauche, j'ai fait un test en mettant un z-index;400;
et ça marche
les sous menu passe au dessus.

amicalement
jmica

_______________________________________________

bon je suis ça de prés étant sous sarka aussi ; que faut t'il faire donc au niveau du menu .............???

Qui va mettre aussi des onglets.

Salut

Ouppsss !!!!!

c'est cela de répondre à un message en même temps que de parler au téléphone, on ne comprend rien et il y a des fautes

je reprend :

dans style.css ligne - ligne 285
il y a une id ".gauche"
tu y rajoutes un z-index:400; <<-- par exemple
mais 100 ou 50 devrait suffire.

et ton menu gauche complet passe au dessus du menu onglet central.

a plus
jmica

djeel · Décembre 1, 2009, 5:56

assobachant a écrit :

bon je suis ça de prés étant sous sarka aussi ; que faut t'il faire donc au niveau du menu .............???
Qui va mettre aussi des onglets.

Bonne idée de te renseigner !
Je trouve ça très bien ces onglets ;-)))

--
Djeel, qui veut aussi en mettre mais qui n'a rien compris

info3 · Décembre 4, 2009, 8:17

problème résolu pour les menu sarka spip confronté à la mise en place d'onglets du couteau suisse.

en ajoutant z-index:400; dans le fichier styles.css comme l'indiquait jmicaf ou encore celle de Yannick dans le ccs des menus dépliant. Sauf que sans l'emploi des outils de firefox de débogage semble dans mon cas indispensable pour vérifier la bonne exécution de la demande à dreamweaver. Sinon ...

jmica a écrit :

Salut

spip-user c'est le forum sur lequel tu as posé ta question
"gmane.comp.web.spip.user"

a plus
jmica

info@preuillysurclaise a écrit :

c'est quoi spip-user ?

jmica a écrit :

De rien !

par contre pense à mettre la solution et marquer résolu sur spip-user cela peut servir aux autres

à la prochaine sur les forum
jmica

info@preuillysurclaise a écrit :

pourtant si je l'ai bien mis peut-être pas à bonne place J'utilise dreamweaver je sais que ce n'est pas toujours apprécié. Je ne penses pas que cela vienne de là. Je vais utiliser firebug que je ne pratique pas pour voir ce que tu me dis. Par contre je vois aussi que j'ai inséré z-index à un autre endroit du css et dans le fichier style-menu-deroulant.css qu'un autre spiper m'avait conseiller de mettre. Je vérifie en modifiant la chose. Par contre mes fichiers css sont bien dans le sous dossier styles du dossier squelettes.

.../...
J'ai pu vérifier avec firebug sur mon portable que la maj du fichier styles.css n'avait pas été pris en compte. C'est super firebug. Mon ordinateur de bureau n'accepte pas l'installation de plugins firefox ? c'est une autre histoire.
Je ne comprends pas trop car dans dreamweaver la modif était bien validée. En manipulant trois ou quatre fois ... miracle la modif est bien prise en compte et mes menus sont enfin au dessus des onglets. C'est super merci à toi.

jmica a écrit :

Salut

J'ai regardé sur le site et je ne vois pas ta modification au niveau du z-index du menu gauche.
c'est dans le fichiers style.css du répertoire styles de squelettes normalement.

fais la modif et confirme moi par email que je regarde si je vois ta modif en ligne.

Il n'y a pas de raison que cela ne marche pas puisque j'arrive à le faire avec firebug.

tiens moi au courant.

amicalement
jmica