espacer des div

Version imprimable

02/11/2012, 18h36
laurentSc

espacer des div

Bonsoir,

j'ai 2 div alignées horizontalement (avec float:left), mais je voudrais mettre un espace (par exemple 50px) entre les 2. Comment ?
02/11/2012, 18h50
NoSmoking

Bonjour,
je me permet de te citer

Citation:

Envoyé par laurentSc

instructif ; car je ne connaissais ni label ni margin-right ; pour créer un écartement, je fais d'habitude :

Code:

<table><tr><td>Premiere partie du texte</td><td width=100px> </td><td>Seconde partie du texte</td></tr></table>

un peu lourdingue...

as tu pris le temps de regarder plus avant la notion de margin :koi:

Oui, je l'ai fait avant de poster, mais ça ne fait rien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
  <style>
#div_noms {
float:left;
}
#div_imgs {
margin-right:500px; //pour être sûr de voir si ça marche
float:left;
 
}
  </style>
<div id="div_noms">
<table>
  ---
</table>
</div>
<div id="div_img">
<table>
---
</table>
</div>

Salut,

Attention aux fautes d'inattention dans le body ! L'id doit être...div_imgs.

Après, on utilise

margin-left pour l'élément de droite.

ou bien

margin-right pour l'élément de gauche.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="fr-FR">
	<head>
		<meta charset="UTF-8" />
		<title>Test</title>
 
		<style type="text/css">
                        #div_noms {
                                float:left;
                        }
                        #div_imgs {
                                margin-left:500px;
                                float:left;
                        }
                </style>
	</head>
 
	<body>
		<div id="div_noms">Gauche</div>
		<div id="div_imgs">Droite</div>
	</body>
</html>

02/11/2012, 19h49
laurentSc

Merci d'avoir remarqué ma faute de frappe.