[CSS]Mise en forme du bloque principal

**Analfabete** · 11/02/2006, 12h05

Bonjour à tous et j'ai une question sur la façcon de mettre en place mon bloque principal qui contiendra tout le site
Celui est centré horizontalement et aura une marge en top de 200px
Enfin voilà je me pose la question comment je pourrait mettre en place les contour de mon bloc

: Voilà le coin en haut a gauche de mon futur bloque

Il y a la parti extérieur qui a un dégradé bleu --> noir vers l'intérieur (il sont encadré en rouge
Puis il il y a un espace blanc de 1px ensuite une grasse bar de 3px qui entoure le contenu, autrement dis je cherche a réaliser la mise en forme du bloque principal
Comment penseriez-vous le réalisez, en css mais comment ?
Merci bien

**gorgonite** · 11/02/2006, 12h40

pour la css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
body {margin: 0px; padding: 0px;}
 
#main{
  text-align: center;
  margin-top: 200px;
  background: transparent url('degrade_bleu.png') no-repeat top left;
}
 
#main div {
  margin: 1px;
  border: 3px solid;
}

pour le html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<html>
...
<body>
  <div id="main"><div>
      Voilà le contenu de la page...
  </div></div>
</body>
</html>

Si j'ai bien compris, ça devrait suffir...

**Analfabete** · 11/02/2006, 18h02

Voilà ce que j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
body 	{
	background-color:#28353D;
		}
 
#main	{
	background-color:#FFFFFF;
	margin-left: auto; /* pour que #main soit centrer */
	margin-right: auto;
	width: 735px;
	border: 2px solid; /* trait gris */
	border-color: #B8B8B8;
		}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<body>
<div id="main"></div>
</body>

_il me reste a metrre le dégradé de chaque coté et metre les angle du degradé --> tout cela est coté extérieur de la div
_puis mettre la marge blanche ( a l'intérieur de la div) entre le dégradé et la trait gris

Comment puis-je faire ?

**Analfabete** · 12/02/2006, 17h35

Re bonjour tout le monde!
J'avance tout doucement voila ce que j'ai fait:
j'ai crée un background horizontale de 1px que j'ai mit dans mon bloque 'main"
je cherche maintenant a mettre une marge entre le bloc parent et les bloques enfants de façcon que les blocs enfants ne vienne pas dans le dégradé... comment pourrais-je faire car j'ai mit sa:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#main	{
	background-image:url(../img/design/bg_main.png);
	margin-left: auto; /* pour que #main soit centrer */
	margin-right: auto;
	width: 759px;
	padding-left: 19px;	
		}

mais le problème c'est que a droite cela crée la suite du background si vous voulez voir c'est ici http://analfabete.free.fr
Me reste a mettre le dégradé de l'entete avec les coutour gris puis ceux du pied. J'espère que les deux image ne vont pas etre trop lourde
car pour l'instant le background pèse 287 octect

[CSS]Mise en forme du bloque principal

CSS

Discussions similaires

Partager

Partager