Probleme avec le menu pmx-black

[Invité]

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.

Connexion avec identifiant et mot de passe

[Zoltatem]

Bonjour

J'ai de la difficulté à inclure mon menu dans le pmx-black.
Il fonctionne dans le thème et il ne fonctionne pas dans le pragmamx, sauf si je supprime le START headmenue et END headmenue.



Code HTML:

Code:

<!-- main-nav -->
      <div class="box-12-expand">
        <!-- START headmenue -->
        <nav>
    <ul>
       <li><a href="#">Home</a></li>
       <li><a href="#">About</a></li>
       <li><a href="#">Services</a></li>
       <li><a href="#">Products</a></li>
       <li><a href="#">Contact</a></li>
    </ul>
</nav>
        <!-- END headmenue -->
      </div>
      <!-- //main-nav -->

Code CSS dans style.css
Pour ce code, j'ai tout supprimé ce qu'il y avait après les commentaires, c'est carrément le pied de page du style.css

Code:

/* Headmenu
----------------------------------------------------------------------------------------*/
/*=================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.

http://www.cssplay.co.uk/menus/final_drop.html

=================================================================== */
.box-12-expand nav  {
        display: block;
        width: 100%;
        overflow: hidden;
}

.box-12-expand nav ul {
        margin: 80px 0 20px 0;
        padding: .7em;
        float: left;
        list-style: none;
        background: #444;
        background: rgba(0,0,0,.2);
        -moz-box-shadow :6px 12px  6px #333;
-webkit-box-shadow :6px 12px  6px #333;
-o-box-shadow :6px 12px  6px #333;
box-shadow :6px 12px  6px #333;
padding:5px;
border:solid 2px #999;
}
.box-12-expand nav ul {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
    color: inherit;
}
.box-12-expand nav li {
        float:left;
margin: 0 1.5em 0 1.5em;
}

.box-12-expand nav a {
        float:left;
        padding: .8em 1.5em;
        text-decoration: none;
        color: #555;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-width: 1px;
        border-style: solid;
        border-color: #fff #ccc #999 #eee;
        background: #c1c1c1;
        background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
        background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
        background: -o-linear-gradient(#f5f5f5, #c1c1c1);
        background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
        background: linear-gradient(#f5f5f5, #c1c1c1);
 }

.box-12-expand nav a:hover,.box-12-expand  nav a:focus {
        outline: 0;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background: #fac754;
        background: -moz-linear-gradient(#fac754, #f8ac00);
        background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
        background: -webkit-linear-gradient(#fac754, #f8ac00);
        background: -o-linear-gradient(#fac754, #f8ac00);
        background: -ms-linear-gradient(#fac754, #f8ac00);
        background: linear-gradient(#fac754, #f8ac00);
}

.box-12-expand nav a:active {
        -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}

.box-12-expand nav li:first-child a {
        border-left: 0;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
}

.box-12-expand nav li:last-child a {
        border-right: 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
}

[Skud29]

Bonjour Zolt

Tu as essayé en déplaçant les commentaires ?

Ex:

Code:

<!-- main-nav -->
      <div class="box-12-expand">
        
        <nav>
    <ul>
<!-- START headmenue -->
       <li><a href="#">Home</a></li>
       <li><a href="#">About</a></li>
       <li><a href="#">Services</a></li>
       <li><a href="#">Products</a></li>
       <li><a href="#">Contact</a></li>
<!-- END headmenue -->
    </ul>
</nav>
        
      </div>
      <!-- //main-nav -->

J'avais déjà eu un problème de ce style mais sur une version antérieur de pMx. Essaye toujours...

[Zoltatem]

Arff !!

Ça fonctionne  

Un grand merci pour ton aide, joyeux noël et bonne année 

@++