Problème sur ma page web
Problème sur ma page web - HTML/CSS - Programmation
Marsh Posté le 16-11-2010 à 20:55:10
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
Marsh Posté le 16-11-2010 à 22:17:46
Un graph sympa pour expliquer la puissance des sélecteurs
http://www.stuffandnonsense.co.uk/ [...] s-05v2.jpg
Sujets relatifs:
- probleme page PHP sous internet explorer
- Problème avec .htaccess ( pas de page d'authentification)
- [CSS] problème de mise en page
- Problème de syntaxe. Mettre 2 classes pour une page
- Probleme, fonction page précédente / suivante
- probléme avec ma page d'index
- Problème avec le rafraichissement d'une page
- Problème intégration menu en flash dans une page HTML
- Javascript + probleme lors du chargement d'une page
- probleme mise en page de mon site
Marsh Posté le 16-11-2010 à 20:45:21
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:
<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:
#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
Message édité par aixo le 16-11-2010 à 20:47:02