Bonjour,
Voici l'adresse du site que je tente de faire pour des amis. Je suis loin d'être experte:
http://www.so6online.net/exploitation.php
Sous internet explorer le corps se trouve en dessous de mon menu. Je n'arrive pas à le passer à droite de mon menu. Ce qui fonctionne sous firefox.
Pouvez-vous m'aider?
Voici le CSS :
body
{
width: 760px;
margin: 100px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #e3ff50;
background-repeat: no-repeat;
background-attachment: fixed;
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #663333; /* Les liens seront en marron */
font-style: normal; /* Les liens seront normal ?) */
}
ul /* Ma liste aura des puces en forme de points */
{
list-style-image: url(icones/icones/point.png);
}
a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: #99ff00; /* Le lien sera écrit en vert quand on pointera dessus */
font-size: 14px;
}
img
{
border: 0;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
font-weight: bold; /* En gras */
font-size: 1.4em; /* Ecrit légèrement plus gros que la normale */
color: #663333; /* En marron */
}
/* la couleur des paragraphes */
p
{
color: #663333;
font-size:14px;
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("banniere/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
#menu
{
float: left;
width: 40px;
margin-top: 10px;
}
.element_menu
{
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu a
{
color: blue;
text-decoration: none;
}
.element_menu h3
{
background-image: url("lesmenus.png");
background-repeat: no-repeat;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}
/* Le menu pour l'accueil
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
#menuacc
{
float: none;
width: 760px;
margin-top: 10px;
first-letter /* La première lettre de chaque paragraphe */
font-weight: bold; /* En gras */
font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
color: #ffffff; /* En blanc */
}
.element_menu
{
background-color: #ffffff;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu a
{
color: blue;
text-decoration: none;
}
.element_menu h3
{
background-image: url("lesmenus.png");
background-repeat: no-repeat;
background-position:center;
}
.element_menu a:hover
{
background-color: #000000;
color: black;
}
/* Le corps de la page
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
#corps
{
margin-left: 170px;
margin-bottom: 20px;
padding-left: 30px;
width: 565px;
height: auto;
color: #663333;
background-image: url("icones/degrade.png");
background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, verticalement */
}
#corps h1
{
height: 30px;
background-image: url("exploitation.gif");
background-repeat: no-repeat;
background-position:center;
padding-left: 30px;
color: #663333;
text-align: left;
}
#corps h2
{
color: #663333;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-top: 40px;
}
#corps h3
{
height: 30px;
background-image: url(icones/emprmarron.png);
background-repeat: no-repeat;
padding-left: 30px;
color: #663333;
text-align: left;
font-size: 30px;
}
/* Le pied de page
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
#pied_de_page
{
padding: 2px;
text-align: center;
color: #663333;
background-color: #ffffff;
font-size: 20px;
text-decoration: none;
}
Afficher la suite