plusieurs div

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : plusieurs div

par zigz4g » 05 juil. 2006, 18:53

Salut.

Peux-tu mettre le code HTML pour comprendre ton code CSS ?
C'est pas facile de voir le rendu avec juste le css ;)
Merci

plusieurs div

par stephan » 05 juil. 2006, 10:26

bonjour,

j'ai definit plusieurs zones dans ma page web.
Un bandeau en haut et 3 colonnes (1 gauche, 1 droite et 1 centre) et un pied de page.
Maintenant, je voudrais dans la colonne de gauche mettre plusieurs tableaux les uns en dessous des autres avec un espace entre chaque mais je n'y arrive pas.

voici le code que j'ai essayé de faire avec l'aide de sites internet.

Code : Tout sélectionner

body {margin: 0; padding: 0 } /* marges intérieures et extérieures */ h4 { /* style des en-tête et en-pied */ font-size: 30px; /* taille de la police */ margin: 0; /* pas de marge : colle aux bords de l'écran */ background-color: #dda; /* couleur de fonds */ text-align:center ; /* le texte est centré */ border-top: 3px solid black; /* style de l'encadrement haut */ border-bottom: 3px solid black} /* style de l'encadrement bas */ .container { /* boite qui entoure les 3 colonnes */ background-color: #E7E4E4 ; /* couleur de fond */ margin:0 ; padding:0} /* marges intérieures et extérieures à 0 */ .gauche { /* boite gauche (avec le menu) */ position: absolute; /* positionné par rapport à la boite parent (ici .container) */ left: 10px; /* démarre à 10 pixels de la gauche de la boite parent */ width: 23%; /* largeur de la boite */ border:dashed 1px orange;/* encadrement discret de la boite */ background-color: #dda; /* couleur de fonds */ margin : 10px; } .centre { /* boite qui "pousse" vers le bas le reste de la page */ margin: 0 25% 0 25%; /* marges gauche et droite, pour la place des 2 autres colonnes */ border-left: 3px solid black; /* bordure gauche */ border-right: 3px solid black; /* bordure droite */ padding: 10px; /* marge intérieure - indispensable */ background-color: #CCCCCC} /* couleur du fond */ .droite { /* boite droite (avec le commentaire) */ position: absolute; /* positionné par rapport à la boite parent (ici .container) */ right: 10px; /* démarre à 10 pixels de la droite de la boite parent */ width: 23%; ; /* largeur de la boite */ border:dashed 1px orange} /* encadrement discret de la boite */
je n'arrive pas a mettre plusieurs tableaux dans la partie gauche du site pouvez vous m'aider svp.
merci[/code]