Bonjour!
tout d'abord voici l'adresse du site en question pour plus de compréhension.
http://tuninghordain59.free.fr/aza/index.html
...et mon css:
Je voudrais centrer mes 2 blocs de l'entête (rouge et vert) verticalement et aussi leurs appliquer une marge à gauche pour le cadre rouge et une a droite pour le cadre vert afin de les décoller de la bordure.
Seulement, si j'applique une marge intérieure ou extérieure à ces blocs, j'obtiens pas le resultat escompté.
Quel est le meilleur moyen pour placer correctement ces 2 blocs???
Modifié par Loki (03 Aug 2005 - 19:30)
tout d'abord voici l'adresse du site en question pour plus de compréhension.
http://tuninghordain59.free.fr/aza/index.html
...et mon css:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
margin-top: 20px;
border: 3px solid #1a5da8;
border-color: #1a5da8;
}
#header {
height: 100px;
background-color: #1a5da8;
margin: 0;
padding: 0;
position: relative;
}
#centre {
background-color: white;
padding: 10px;
}
#pied {
height: 30px;
background-color: #1a5da8;
font-size: 0.8em;
text-align: center;
}
p {margin: 0;}
#menu ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 0;
margin-left: 0;
background-color: #ebd261;
/*background-image: url("back3.gif");
background-repeat: repeat-x-y;*/
color: black;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 25px;
border-bottom: 2px solid #1a5da8;
}
#menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 5px;
}
#menu ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #1a5da8;
text-decoration: none;
border-right: 2px solid #1a5da8;
font-size: 1.2em;
}
#menu ul li a:hover
{
background-color: #1a5da8;
color: #ebd261;
font-size: 1.2em;
}
#menu #active { border-left: 2px solid #1a5da8; }
#titre {
color: #ebd261;
margin: 0;
font-size: 400%;
border: 1px solid red;
float: left;
padding: 15;
}
#sous_titre {
color: #ebd261;
margin: 0;
border: 1px solid green;
position: absolute;
top: 0;
right: 0;
}
Je voudrais centrer mes 2 blocs de l'entête (rouge et vert) verticalement et aussi leurs appliquer une marge à gauche pour le cadre rouge et une a droite pour le cadre vert afin de les décoller de la bordure.
Seulement, si j'applique une marge intérieure ou extérieure à ces blocs, j'obtiens pas le resultat escompté.
Quel est le meilleur moyen pour placer correctement ces 2 blocs???
Modifié par Loki (03 Aug 2005 - 19:30)