Marge gauche de image repeat

Invité · 19/06/2013, 17h36

bonjour,

en fait je suis en train de faire un découp de psd vers Html et je sais pas comment faire un espace de gauche voilà mon code et ci-joint l'affichage que je veux faire en image :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
img,fieldset{border:none}
:focus {outline:none}
body{font-familly:Verdana,Geneva,sans-serif;
        font-size:12px;
		background-image:url(../images/bg_header.png);
		background-repeat:repeat-x;
		background-color:#FFF;
		width:589px;
		margin:6px 0px 0px 0px;
 
		}
.wrapper{width:589px;margin:6px auto}	
.logo{float:left;margin-left:13px}

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Groupon Voyages </title>
<link rel="stylesheet" href="common/css/style.css" />
</head>
 
<body>
<header>
<div class="wrapper">
<a href="#"><img src="common/images/logo.png" alt=""  class="logo"/></a>
</div>
</header>
</body>
</html>

merci en avance

**rodolphebrd** · 19/06/2013, 18h40

Bonjour,

De quelle image parlez-vous?

S'il s'agit de l'image dans la balise <img> le margin-left fonctionne.

S'il s'agit de l'image placée en background du Body, il faut revoir votre code:

1- vous devriez donner un style au wrapper plutôt qu'au body, pour plus de souple;
2- fermer vos déclarations par des points-virgules;

Invité · 19/06/2013, 19h29

Bonjour,

merci de votre réponse, en fait mon problème concerne l'image qui fait le repeat j'ai besoin un espace de color vert à gauche comme je cite le copie de psd ci-joint dans le message précédente

Merci en avance

**rodolphebrd** · 19/06/2013, 19h54

Alors relisez mon précédent message

Invité · 19/06/2013, 20h34

oui je lis plusieurs fois si pouvez donner plus un aide en code

Merci en avance

Marge gauche de image repeat

CSS

Vue hybride

Discussions similaires

Partager

Partager