28172 sujets

CSS et mise en forme, CSS3

Mise en page de boite

Bonjour,
je chercher désespérément à superposer ma boite blanche au dessus de celle bleu claire. Alignement horizontal centré et en vertical la faire arriver juste en dessous du texte.

Voici le CSS que j'ai réussi à produire jusqu'à présent. Merci pour votre aide.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  
<title>Test</title>
<style type="text/css" title="feuilleCSS" media="all">
   
   body
   {
  		background-color: #275D73;
  		font-family: "Verdana", "Times New Roman";
  		text-align: center;
  	}
  	
  	#boite_entete
  	{
  		background-color: #3B9ABF;
  		position: relative;
  		margin-top: 5px;
  		width: 802px;
  		height: 66em;
  		margin: 0 auto;
  		padding-top: 20px;
  		color: white;
   	}
  	
  	#boite_content
  	{
  		background-color: #f2f2f2;
  		width: 780px;
  		height: 53em;
  		margin: 0px auto;
  		text-align: justify;
  		font-size: small;
  		padding-top: 10px;
  		padding-left: 5px;
  		padding-right: 5px;
  	}
  	
  	h1 {text-align: center; font: 26.0px Verdana; color: #393938}
  	 	
  </style>
  </head>
  
<body>

<p>&nbsp;</p>

<div id="boite_entete">

	<img src="/logo.png" alt="logo">

	<p>Blalaalaaalalaalaalalalalalalala</p>

	<p>Aaaaaaaaa - BBBBBBBB - Ccccccc<p>
</div>

<div id="boite_content">
<p>&nbsp;</p>
</div>


</body>
</html>

Modifié par olimart (18 Jul 2008 - 16:32)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Message édité pour répondre aux règles de bases du forum. Maintenant si quelqu'un a une idée pour m'aider ça m'arrangerait. Merci par avance.
Sujet clos
Aller à