Bonsoir à tous , je suis en train de mettre en page le site d'un amis à l'aide du CSS, donc je voulais savoir si la méthode que j'utilise est correcte.
J'ai mis un contour sur chaque image afin de bien les distinguer.
http://rockt.free.fr/neko.jpg
Voici mon code HTML:
Et voici ma feuille de style CSS :
Mon soucis , c'est que sur chaque image du menu, correspondant a une rubrique il faut que je puisse mettre le lien qui va bien derriere...
Le code suivant ne marche pas car il faut mettre un texte qui recevra le lien , or dans mon cas c'est limage elle même qui recois le lien..
Et enfin une derniere question, pour chaque page , l'image juste en dessous du menu horizontal doit changer en fonction de la rubrique...mais comme cette image est définie dans la feuille de style..je ne sais pas comment faire...
Voila j'espère avoir été clair et je vous remercie de votre aide.
Bonne soirée
Modifié par rockt13fr (08 May 2007 - 22:24)
J'ai mis un contour sur chaque image afin de bien les distinguer.
http://rockt.free.fr/neko.jpg
Voici mon code HTML:
<body>
<div id="bg">
<div id="header"> </div>
<div id="gauche_menu"> </div>
<div id="menu_acceuil"></div>
<div id="menu_news"> </div>
<div id="menu_travaux"> </div>
<div id="menu_projet"> </div>
<div id="menu_3615"> </div>
<div id="menu_boutique"> </div>
<div id="menu_contact"> </div>
<div id="menu_lien"> </div>
<div id="droite_menu"> </div>
<div id="titre_section"> </div>
<div id="contenu_haut"> </div>
<div id="contenu_centre"> </div>
<div id="footer"> </div>
</div>
</body>
</html>
Et voici ma feuille de style CSS :
body {
background-color:#999999; /*Couleur de fond de la page Web*/
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
font-size:11px; /*Taille d’écriture*/
padding:0; /*Pour que la page n’ai aucune marge*/
margin:0; /*Pour que la page n’ai aucune marge*/
}
div
{
border:solid 1px red ;
}
div#bg
{
width:867px;
height:100%;
background-color:#000000;
}
div#header
{
background-image:url("img/header.jpg");
width:865px;
height:132px;
position:relative;
}
div#gauche_menu
{
background-image:url("img/gauche_menu.jpg");
width:41px;
height:23px;
position:relative;
float:left;
}
div#menu_acceuil
{
background-image:url("img/Accueil.jpg");
width:133px;
height:23px;
position:relative;
float:left;
}
div#menu_news
{
background-image:url("img/menu_news.jpg");
width:42px;
height:23px;
position:relative;
float:left;
}
div#menu_travaux
{
background-image:url("img/menu_travaux.jpg");
width:55px;
height:23px;
position:relative;
float:left;
}
div#menu_projet
{
background-image:url("img/menu_projet.jpg");
width:50px;
height:23px;
position:relative;
float:left;
}
div#menu_3615
{
background-image:url("img/menu_3615.jpg");
width:71px;
height:23px;
position:relative;
float:left;
}
div#menu_boutique
{
background-image:url("img/menu_boutique.jpg");
width:61px;
height:23px;
position:relative;
float:left;
}
div#menu_contact
{
background-image:url("img/menu_contact.jpg");
width:59px;
height:23px;
position:relative;
float:left;
}
div#menu_lien
{
background-image:url("img/menu_lien.jpg");
width:57px;
height:23px;
position:relative;
float:left;
}
div#droite_menu
{
background-image:url("img/droite_menu.jpg");
width:296px;
height:23px;
position:relative;
float:left;
}
div#contenu_haut
{
background-image:url("img/contenu_haut.jpg") ;
padding:0;
top:0px;
border:2px solid red;
width:865px;
height:91px;
position:relative;
clear:both;
}
div#contenu_centre
{
background-image:url("img/contenu_centre.jpg") ;
height:419px;
position:relative;
clear:both;
}
div#titre_section
{
background-image:url("img/TitreSection_Accueil.jpg");
width:865px;
height:60px;
position:relative;
clear:both;
}
div#footer
{
background-image:url("img/footer.jpg");
width:865px;
height:57px;
position:relative;
clear:both;
}
Mon soucis , c'est que sur chaque image du menu, correspondant a une rubrique il faut que je puisse mettre le lien qui va bien derriere...
Le code suivant ne marche pas car il faut mettre un texte qui recevra le lien , or dans mon cas c'est limage elle même qui recois le lien..
<div id="menu_news">
<a href = #></a>
</div>
Et enfin une derniere question, pour chaque page , l'image juste en dessous du menu horizontal doit changer en fonction de la rubrique...mais comme cette image est définie dans la feuille de style..je ne sais pas comment faire...
Voila j'espère avoir été clair et je vous remercie de votre aide.
Bonne soirée
Modifié par rockt13fr (08 May 2007 - 22:24)
quelquepart dans le coin qu'il fallait qu'on utilise des balises <img>
Bon courage
