Appliquer style CSS à un lien : problème complexe

Fermé
ajaoh.38 Messages postés 410 Date d'inscription lundi 5 avril 2010 Statut Membre Dernière intervention 20 mars 2016 - Modifié par ajaoh.38 le 24/08/2013 à 12:52
abdelkbir90 Messages postés 10 Date d'inscription jeudi 16 mai 2013 Statut Membre Dernière intervention 16 mai 2014 - 25 août 2013 à 19:23
Bonjour, alors voilà : mon site ( www.dsctest38.e-monsite.com ) est hébergé sur une plateforme (e-monsite) qui propose de créer des site tr§s facilement sans passer par des codes etc.. Mais il y a quand même possibilité d'utiliser ses codes si on veut personnaliser un peu. Il y a donc un feuille CSS qui s'applique à tout le site : je vous passe la section qui nous intéresse ici (on en a besoin plus tard pour mon probèleme :

/*===================================================================================
MENUH TOP
===================================================================================*/
#menu_h1{
   width: 94%; min-width:700px; margin-left: 9%;      margin-bottom: 30px;}
#menu_h1 .menu{
            text-align: center;
   }
.menu_h{
  height: 61px;            background-color: #D5EEFF;   border-top: 0px dotted #53c5f0;      border-bottom: 0px dotted #53c5f0;      border-top-left-radius: 3px;    border-top-right-radius: 3px;    border-bottom-left-radius: 3px;    border-bottom-right-radius: 3px;    
   font-family: "Arial", Times, serif}
.menu_h .nav_item{
   height: 60px;
}
.menu_h .menu_item,
.menu_h .menu_item:visited{
   height: 60px;
   line-height: 60px;
}
.menu_h .nav_item{
   font-size: 16px; border-right: 0px solid #D5EEFF; }
.menu_h .menu_item{
   color: #6A6A6A;   font-weight: normal;   font-style: normal;   text-decoration: none;   font-variant: normal;            }
.menu_h .nav_item:hover .menu_item{
   color: #004E92;   font-weight: normal;   font-style: normal;   text-decoration: none;            background-color: #bce4ff; border-top-left-radius: 5px;    border-top-right-radius: 5px;    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px; border-top: 2px solid #004E92; border-left: 2px solid #004E92; border-right: 2px solid #004E92; }
/*===================================================================================
MENUH TOP SUBMENUS
===================================================================================*/
#menu_h1 .submenu.first{
         top: 60px; background-color : #FFFFFF; border-top: 0px solid #929292;   border-right: 2px solid grey;   border-bottom: 2px solid grey;   border-left: 2px solid grey; 
   }
#menu_h1 .submenu.second{
         top: 0px; background-color : #FFFFFF; border-top: 2px solid #grey;   border-right: 2px solid grey;   border-bottom: 2px solid grey;   border-left: 2px solid grey; width:auto; min-width: 200px;
   }
#menu_h1 .submenu{
font-family: "Arial", Times, serif; color : #414141;   border-top-left-radius: 5px;    border-top-right-radius: 5px;    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}
#menu_h1 .submenu a,
#menu_h1 .submenu a:visited{ 
   font-size: 16px;   color: #929292;   border-bottom: 1px dotted grey;   text-decoration: none;
}
#menu_h1 .submenu li:hover > a{
   color: #000000;   background-color: #D5EEFF; border-top-left-radius: 5px;    border-top-right-radius: 5px;    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}



Moi je suis dans l'édition du menu vertical avec les onglets : et voici le code :

<style type="text/css">
.menu_table
    {
        width:560px;
        margin-left:auto; margin-right:auto;
        text-align:center;
        border-collapse:collapse;
    }
.menu_td
    {
        background-color:transparent;
        font-size:14px; color: grey;
        width:140px;
        border-right: 1px solid black; border-bottom: 0px solid #FFF; border-top: 0px solid #FFF;
        padding:5px;
    }
.menu_td:hover
    {
        background-color:#E2E2E2;
        font-size:14px; color: black;
        width:140px;
        border-right: 1px solid black; border-bottom: 0px solid #FFF; border-top: 0px solid #FFF;
        padding:5px;
    }
.menu_lien
    {
        font-size:14px; color:#FFOOOO; 
    }
.menu_th
    {
        background-color:#E2E2E2;
        font-size:14px; color: black;
        width:140px;
        border-left: 1px solid black; border-right: 1px solid black; border-bottom: 2px solid grey; border-top: 0px solid #FFF;
        padding:10px;
    }

</style>

<ul class="menu">
          <li class="nav_item item_0 first_menu_item ">
         <a href="http://dsctest38.e-monsite.com" class="menu_item" >Accueil</a>
         </li>
         <li class="nav_item item_1  ">
         <a class="menu_item" >Recettes</a>
                  <ul class="submenu first">
                           <li class="sub_item_1 menutype_item even_item">
                  <a href="http://www.diet-sport-coach.com" >Les critères de fabrication</a></li>
                            <li class="sub_item_2 menutype_item even_item">
                <a href="http://www.diet-sport-coach.com" >Les plages d'utilisation</a></li>
                            <li class="sub_item_3 menutype_category odd_item">
                  <a href="http://www.diet-sport-coach.com" >Les recettes solides :</a>
                                    <ul class="submenu second">
                                        <table class="menu_table">
                                            <tr class="menu_tr">
                                            <th class="menu_th">Barres énergétique</th>
                                            <th class="menu_th">Cakes et Pains</th>
                                            <th class="menu_th">Compotes et Gels</th>
                                            <th class="menu_th">Crème</th>
                                            </tr>
                                            <tr>
                                            <td class="menu_td"><a href="http://www.diet-sport-coach.com" class="menu_lien">La Booster</a></td>
                                            <td class="menu_td">Cake Ultra</td>
                                            <td class="menu_td">Compote énergie</td>
                                            <td class="menu_td">La crème sport-déj</td>
                                            </tr>
                                            <tr>
                                            <td class="menu_td">La Germibarre</td>
                                            <td class="menu_td">Cake Ultra salé</td>
                                            <td class="menu_td">Gel booster</td>
                                            <td class="menu_td"></td>
                                            </tr>
                                            <tr>
                                            <td class="menu_td">La Céréales-Marrons</td>
                                            <td class="menu_td">Pain sportif</td>
                                            <td class="menu_td">Gel longue durée</td>
                                            <td class="menu_td"></td>
                                            </tr>
                                            <tr>
                                            <td class="menu_td">La Fruto-Amande</td>
                                            <td class="menu_td">Pain essène</td>
                                            <td class="menu_td"></td>
                                            <td class="menu_td"></td>
                                            </tr>
                                            <tr>
                                            <td class="menu_td">La Ultra (salée)</td>
                                            <td class="menu_td"></td>
                                            <td class="menu_td"></td>
                                            <td class="menu_td"></td>
                                            </tr>
                                        </table>
                                </ul>
                            <li class="sub_item_4 cmenutype_category odd_item">
                <a href="http://www.diet-sport-coach.com" >Les recettes boissons</a>
                      <ul class="submenu second">
                            <li class="menutype_item even_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Courte durée</a>
                             </li>
                          <li class="menutype_item even_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Moyene durée</a>
                             </li>
                          <li class="menutype_item even_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Longue durée</a>
                             </li>
                          <li class="menutype_item even_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Ultra longue distance</a>
                             </li>
                          <li class="menutype_item even_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Sirop ultra</a>
                             </li>
                                     </ul>
                                </li>
                                    
                      <li class="sub_item_5 menutype_category odd_item">
                  <a href="http://dsctest38.e-monsite.com/pages/recettes/recttes-test.html" >Recettes test</a></li>
                </ul>
            </li>
            <li class="nav_item item_2  ">
         <a class="menu_item" >Conseils</a>
                  <ul class="submenu first">
                           <li class="sub_item_1 menutype_category odd_item">
                  <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/" >Entrainement</a>
                                    <ul class="submenu second">
                                             <li class="menutype_item odd_item">
                           <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/entrainement/gereral/" >Général</a>
                             </li>
                                     </ul>
                              </li>
                           <li class="sub_item_2 menutype_item even_item">
                  <a href="http://dsctest38.e-monsite.com/pages/entrainement-et-dietetique/dietetique/" >Diététique</a>
                              </li>
                        </ul>
               </li>
            <li class="nav_item item_3  ">
         <a href="http://www.diet-sport-coach.com/pages/les-prestations-1/les-tarifs.html" class="menu_item" >Formules de coaching</a>
               </li>
            <li class="nav_item item_4  ">
         <a href="http://dsctest38.e-monsite.com/pages/la-boutique-produits/" class="menu_item" >La boutique produits</a>
               </li>
            <li class="nav_item item_5  ">
         <a class="menu_item" >Contacts</a>
                  <ul class="submenu first">
                           <li class="sub_item_1 menutype_category odd_item">
                  <a href="http://www.diet-sport-coach.com" >Le Coach</a>
                         </li>
                    <li class="sub_item_2 menutype_item even_item">
                  <a href="http://dsctest38.e-monsite.com/pages/contacts/le-webmaster.html" >Le Webmaster</a>
                    </li>
                    </ul>
             </li>

            <li class="nav_item item_6">
         <div class="contenumenu widget_searchbox">
 <div class="search_container">
  <form method="get" action="http://www.diet-sport-coach.com/search/site/">
      <fieldset>
           <input value="Rechercher sur le site" title="Rechercher sur le site" class="textfield prefilled required ico_search" name="q" />
           <input type="submit" value="Ok" class="button" id="search_button" style="font-family:arial; color : #848484; font-size:13px;" />
      </fieldset>
  </form>
 </div>
</div>
</li>
</ul>


Mon probème se situe dans mon tableau.. Sur le site : menu : Recettes > Recettes solides. Je vais faire un lien pour chaque recettes dans le tableau (pour l'instant je fais un essai que avec Barre Booster.

LE PROBLEME : ?J'applique la class : menu_lien que j'édite ensuite en CSS mais quand je lui met mes parametres : ici couleur rouge eh bien cela ne marche pas ! Et je pense que cela vien du fait que le lien prend le style déclaré dans le CSS principal.



Avez vous des idées j'essaye plein de combinaisons depuis hier, mais rien n'y fait...

Merci de vos réponses :)
A voir également:

1 réponse

abdelkbir90 Messages postés 10 Date d'inscription jeudi 16 mai 2013 Statut Membre Dernière intervention 16 mai 2014 3
Modifié par abdelkbir90 le 25/08/2013 à 19:23
Je vous propose d'utiliser les nouveaux métadonnées html5 pour filtrer vos liens, et ici un exemple simple d'utilisation de html5 data :

http://developpeur-info.blogspot.com/2013/08/html5-data.html

Bonne Chance;
0