Bonjour à tous et bonne année 2005 ! (en retard je sais)
Voilà j'ai commencé un design pour un site (c'est pour une personne que je connais sur le web) et j'ai un petit problème :
En fait j'ai créé et codé toute la page d'accueil mais je n'arrive pas à faire une chose :
J'ai un menu dans lequel j'aimerais afficher une image avec le titre du menu en haut et centrée ainsi qu'une image de fond qui elle se trouve en bas à droite.
Pour l'instant je passe par le css pour le fond en bas à droite et par le code de la page pour le bouton, c'est à dire que le bouton s'affiche directement sur la page sans passer par le css.
Seulement j'aurais voulu tout passer par le css afin de pouvoir modifier le design général par simple clic (changement de feuille css comme sur zengarden) hors tout se change correctement sauf ce bouton puisqu'il n'est pas dans le css même.
Pouvez-vous m'expliquez comment je dois procéder pour faire apparaitre ce bouton en ne passant que par ma feuille de style ?
Note : j'ai 5 menus avec des images différentes mais le principe devrait être le même.
Voici le code css des menus :
Voici le code html d'un menu :
NB : j'ai plac un <li> pour l'image car sans cela le w3c ne me valide pas mais ce n'était qu'une mesure provisoire en attendant de pouvoir passer par le css.
NB2 : la "class" ne sert qu'à centrer mon bouton puisque le texte du menu est aligné à gauche et que le "text-align" m'aligne le bouton et l'image, de plus le <center> n'est pas valide w3c.
Merci à ceux qui auront pris la peine de lire ce long message et à ceux qui pourront m'aider. Si mon message n'est pas clair demandez-moi plus d'informations
@+
Modifié le 12 Jan 2005 - 20:37
Voilà j'ai commencé un design pour un site (c'est pour une personne que je connais sur le web) et j'ai un petit problème :
En fait j'ai créé et codé toute la page d'accueil mais je n'arrive pas à faire une chose :
J'ai un menu dans lequel j'aimerais afficher une image avec le titre du menu en haut et centrée ainsi qu'une image de fond qui elle se trouve en bas à droite.
Pour l'instant je passe par le css pour le fond en bas à droite et par le code de la page pour le bouton, c'est à dire que le bouton s'affiche directement sur la page sans passer par le css.
Seulement j'aurais voulu tout passer par le css afin de pouvoir modifier le design général par simple clic (changement de feuille css comme sur zengarden) hors tout se change correctement sauf ce bouton puisqu'il n'est pas dans le css même.
Pouvez-vous m'expliquez comment je dois procéder pour faire apparaitre ce bouton en ne passant que par ma feuille de style ?
Note : j'ai 5 menus avec des images différentes mais le principe devrait être le même.
Voici le code css des menus :
#menu1, #menu2, #menu3, #menu4 , #menu5 {
list-style-type: none;
margin-left: 10px;
padding-bottom: 5px; padding-left: 5px;
width: 150px;
border: 1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; text-align: left;
background-color: #126189;
}
#menu1 { background: url(../images/menu/menu1.gif) no-repeat; background-position:bottom; background-color:#891212; }
#menu2 { background: url(../images/menu/menu2.gif) no-repeat; background-position:bottom; background-color:#891212; }
#menu3 { background: url(../images/menu/menu3.gif) no-repeat; background-position:bottom; background-color:#891212; }
#menu4 { background: url(../images/menu/menu4.gif) no-repeat; background-position:bottom; background-color:#891212; }
#menu5 { background: url(../images/menu/menu5.gif) no-repeat; background-position:bottom; background-color:#891212; }
Voici le code html d'un menu :
<ul id="menu1">
<li><img src="images/menu/bouton_menu1.gif" width="132" height="22" class="boutonstitres" alt=""></img></li>
<li><a href="#">lien1</a></li>
<li><a href="#">lien2</a></li>
<li><a href="#">lien3</a></li>
<li><a href="#">lien4</a></li>
<li><a href="#">lien5</a></li>
</ul>
NB : j'ai plac un <li> pour l'image car sans cela le w3c ne me valide pas mais ce n'était qu'une mesure provisoire en attendant de pouvoir passer par le css.
NB2 : la "class" ne sert qu'à centrer mon bouton puisque le texte du menu est aligné à gauche et que le "text-align" m'aligne le bouton et l'image, de plus le <center> n'est pas valide w3c.
Merci à ceux qui auront pris la peine de lire ce long message et à ceux qui pourront m'aider. Si mon message n'est pas clair demandez-moi plus d'informations

@+
Modifié le 12 Jan 2005 - 20:37