Marge gauche

Résolu/Fermé

script2110 Messages postés 6 Date d'inscription mercredi 4 octobre 2017 Statut Membre Dernière intervention 13 octobre 2017 - 12 oct. 2017 à 17:19
script2110 Messages postés 6 Date d'inscription mercredi 4 octobre 2017 Statut Membre Dernière intervention 13 octobre 2017 - 13 oct. 2017 à 14:04

Bonjour,
Pouvez vous me dire comment puis-je créer une marge a l'image de ce site web : http://www.revue-cinemas.info/index.php?page=index
Il s'agit de la marge grise à gauche au milieu.
J'aimerais bien mettre une marge dans la partie centrale de mon site mais je n'y arrive pas.
Merci d'avance,
Cordialement

A voir également:

1 réponse

Réponse 1 / 1

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322
12 oct. 2017 à 19:32

Bonjour

tu crée une div container qui sera la largeur de ton site par exemple 80% de la fenêtre ensuite tu crées a l'intérieur de cette div container, une premier div d'une largeur de 30% avec un background gris et une seconde de 70%

Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.

script2110 Messages postés 6 Date d'inscription mercredi 4 octobre 2017 Statut Membre Dernière intervention 13 octobre 2017
Modifié le 12 oct. 2017 à 22:58

Je n'ai malheureusement pas bien compris.

<div class="container mid"><br>

Ceci est mon div container. Pourrais tu m'écrire comment puis je avoir le meme résultat (avec la marge)?
Merci d'avance,
Cordialement

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322 > script2110 Messages postés 6 Date d'inscription mercredi 4 octobre 2017 Statut Membre Dernière intervention 13 octobre 2017
13 oct. 2017 à 10:58

vite fait parce que j'ai pas le temps ce matin

<header>
<style>

body {
	padding: 20px 5px;
}

#container {
	width: 1000px;
	margin: 0 auto; 
	
}
#header {
width:100%;
height: 250px;
border:1px solid #000;
}
#navigation {
width:100%;
height: 25px;
border:1px solid #000;
}
#centre {
	width: 100%; 
		overflow: hidden; 
}

#gauche {
	float: left; 
	width: 30%;
	height:100%;
	padding: 10px 20px;
	background-color:#ff0000;
	border:1px solid #000;
}
#droite {
float: right;
	width: 60%; 
	height:100%;
	padding: 10px 20px;
	background-color:#dcdcdc;
	border:1px solid #000;
}
</style>
</header>
<body>
<div id="container">
	<div id="header">header</div>
	<div id="navigation">menu</div>
	<div id="centre">
		<div id="gauche">zone 1</div>
		<div id="droite">zone 2</div>
	</div>
</div>
</body>

script2110 Messages postés 6 Date d'inscription mercredi 4 octobre 2017 Statut Membre Dernière intervention 13 octobre 2017
13 oct. 2017 à 14:04

Un grand merci j'ai reussi.

Discussions similaires

Formule taux de marque

Fonction SI et GAUCHE

Jabra elite 75 t ecouteur ne fonctionne plus plus de led

Marges sous Illustrator ?

Résolution d'une image 500 pixels largeur

Discussions similaires

Newsletters