CSS - Mettre de la couleur à margin, padding. et cadre

Résolu/Fermé
Utilisateur anonyme - 15 janv. 2013 à 21:22
 Utilisateur anonyme - 16 janv. 2013 à 14:34
Bonjour,

Voici déjà un screen d'où je suis :

http://hpics.li/cf8c6c0

Et voilà ce que je veux (fait avec paint)

http://hpics.li/d9782f5

Donc j'arrive à faire des marges mais j'arrive pas à faire celles que je veux et ni mettre la couleur aux DEUX marges :/ plus la bordure que je sais pas faire....

Merci beaucoup de m'aider :)

1 réponse

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
16 janv. 2013 à 08:18
Salut,

Un exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Teste</title>
  <style type="text/css">
body{
background:#DDD;
}
#conteneur1{
background:black;
padding:2px;
width:1000px;
height:auto;
margin:30px auto;
}
#conteneur2{
width:990px;
height:auto;
margin:2px;
border:3px solid #3B9AE8;
}
ul{
margin:0 0 0 80px;
padding:5px;
}
li{
display:inline;
color:white;
margin:5px;
}
#contenu{
background:white;
width:80%;
height:auto;
margin:50px auto;
padding:5px;
}
  </style>
</head>
<body>
<div id="conteneur1">
<div id="conteneur2">
<ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>
<div id="contenu">Mon texte</div>
<!--conteneur2-->
</div>
<!--conteneur1-->
</div>
</body>
</html>

#conteneur1 : bloc noir avec un padding (marge intérieure) de 2px pour laisser un espace entre la bordure bleu et le fond noir.
#conteneur2 : prend la couleur de fond de #conteneur1 avec une bordure bleu.
#contenu : bloc blanc pour le contenu.
3
Utilisateur anonyme
16 janv. 2013 à 14:34
Merci ;)
Mais mes goûts sont pas super :c
Tu ne connaitrais pas un CSS assez beau xD ?
Bref, merci et pas grave ;)
0