Mon petit site
Aujourd'hui est un grand jout ; (Ah bon ?) Enfin pour moi 
. J'ai enfin terminer, les feuilles de style de mon site :
http://gtrenvouez.free.fr/site/liste.html
J'essaye de regrouper un maximum de tutos sur le même site. Au fait si quelqu'un sait comment faire un moteur de recherche intrasite et mettre mes menus sur une ligne et pas en colones qu'il me fasse signe 
.
Voila le code :
body
{
width: 1024px;
margin: auto;
margin-top: 5px;
margin-bottom: 20px;
background-color: rgb(221,221,221);
}
div#contenant
{
width : 1000px;
margin: auto;
background-color: white;
}
ul#banniere
{
width:750px;
height:300px;
margin: auto;
background-repeat: no-repeat;
background : url(image/banniere.png);
}
ul#menu
{
margin: auto;
padding: 0;
list-style-type: none;
width: 180px;
}
ul#menu li
{
margin: 0 0 5px 0;
padding: 0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul#menu li a
{
display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 170px;
line-height: 30px;
color: #000;
text-indent: 5px; /* On décale le texte de 5px du bord gauche */
text-decoration: none;
background: url(image/bg_menu.gif) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: 1px solid #dbd;
}
ul#menu li a:hover
{
background: url(image/bg_menu.gif) no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: 1px solid #f97;
}
ul#contenu
{
color: #9b2;
width:750px;
margin: auto;
}
ul#contenu h2
{
padding-left: 25px;
line-height: 25px;
font-size: 1.4em;
background: url(image/p_orange.png) no-repeat left bottom;
color: orange;
border-bottom: 1px solid #9b2;
}
ul#contenu h3
{
padding-left: 5px;
line-height: 25px;
font-size: 1.2em;
color: orange;
border-bottom: 1px solid #9b2;
border-left: 1px solid #9b2;
}
ul#contenu h4
{
padding-left: 5px;
line-height: 25px;
font-size: 1.0em;
color: orange;
border-bottom: 1px solid #9b2;
border-left: 1px solid #9b2;
}
ul#contenu h1
{
padding-left: 5px;
line-height: 25px;
font-size: 1.8em;
text-align: center;
color: #9b2;
}
6 Commentaires
Commentaires recommandés
Rejoindre la conversation
Vous publiez en tant qu’invité. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.