Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
2035 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème sur ma page web

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème sur ma page web

n°2036459
aixo
Posté le 16-11-2010 à 20:45:21  profilanswer
 

bonjours a tous voila mon premier message sur ce forum . Je débute completement dans la créaction de site web et j'ai un problème avec mon menu
 
Clairement j'aimerai que le bouton de l’accueil quand je suis sur la page accueil apparaisse avec une autre image que les autre boutons qui sont a coté  
donc j'ai pensé a crée une id a l'interieur du lien mais cela ne marche pas...
 
je vous mets les images et le code pour illustrer merci de votre aide
 
 
Code html:
 

Spoiler :

<div id="menu">  
   <ul>
    <li><a id="acc" href="aixoxreation.html">Accueil</a></li>
    <li><a href="!">contact</a></li>
    <li><a href="!">faq</a></li>
   </ul>
 
</div>


 
 
Code css:
 
 

Spoiler :

#menu{
    height: 57px;
    width: 980px;
    background-color: #251e1a;
    }
     
#menu ul {
    display: inline;
    list-style-type: none;
    height: 36px;
    }
 
#menu li{
    display: inline;
    height: 36px;
    margin-bottom: 0px;
    }
     
#menu a{
    color: #333;
    text-decoration: none;
    width: 112px;
    background-image: url(boutonnorm.png);
    height: 28px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-repeat: no-repeat;
    margin-left: 5px;
    text-align: center;
    margin-top: 20px;
}
 
#menu a:hover{
color:#FFF;
background-image: url(boutonhover.png);}
 
#acc{
    background-image:url(boutonselect.png); /* voila l'id inseré dans le liens de l'accueil */
     
    }


 
l'image ou je voudrai que le bouton accueil ai une image differente
http://data.imagup.com/1/1289934402.jpg


Message édité par aixo le 16-11-2010 à 20:47:02
mood
Publicité
Posté le 16-11-2010 à 20:45:21  profilanswer
 

n°2036463
aixo
Posté le 16-11-2010 à 20:55:10  profilanswer
 

Bon pas la peine de me répondre j'ai trouvé la solution , j'en était vraiment tous près  
il suffisait que je rajoute "a" devant l'id acc dans la feuille de style tel que #acc => a#acc
 
mais je comprend pas pourquoi ça marchait pas avant , par exemple pour une div pas la peine de mettre un div#id dans la feuille de style pour que ça marche?...


Message édité par aixo le 16-11-2010 à 20:57:48
n°2036473
David Bori​ng
Posté le 16-11-2010 à 22:17:46  profilanswer
 

Un graph sympa pour expliquer la puissance des sélecteurs
http://www.stuffandnonsense.co.uk/ [...] s-05v2.jpg


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème sur ma page web

 

Sujets relatifs
probleme page PHP sous internet explorerProblème avec .htaccess ( pas de page d'authentification)
[CSS] problème de mise en pageProblème de syntaxe. Mettre 2 classes pour une page
Probleme, fonction page précédente / suivanteprobléme avec ma page d'index
Problème avec le rafraichissement d'une pageProblème intégration menu en flash dans une page HTML
Javascript + probleme lors du chargement d'une pageprobleme mise en page de mon site
Plus de sujets relatifs à : Problème sur ma page web


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR