18041 sujets
Questions générales et questions de débutants
Bonjour,
A priori, oui.
On pourra par exemple positionner l'image décorative via la propriété "background-image" à gauche en CSS, et utiliser la propriété "text-align:center;" ou les marges latérales automatiques sur la balise image placée dans le HTML.
Cela dépendra de ton code, de tes images, du sens du vent, si tu nous montres à quoi cela ressemble, nous pourrons préciser notre réponse
A priori, oui.
On pourra par exemple positionner l'image décorative via la propriété "background-image" à gauche en CSS, et utiliser la propriété "text-align:center;" ou les marges latérales automatiques sur la balise image placée dans le HTML.
Cela dépendra de ton code, de tes images, du sens du vent, si tu nous montres à quoi cela ressemble, nous pourrons préciser notre réponse
je n'arrive pas a envoyer l'image pour que vous puissiez voir, ca bug.. . j'ai pu centrer le logo (margin: auto;) mais vu que c'est un block et que ca prend toute la largeur je n'arrive pas a placer llimage decorative au meme niveau horizontal, tout a gauche.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>les créations d'ambre</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<img src="decoupage/logo.png" alt="logo les créations d'ambre" id="logo" />
<img src="decoupage/crayons.png" alt="crayons" id="crayons" />
</header>
</body>
</html>
body{
background: url("decoupage/background.jpg");
margin: 0;
}
/* header */
#logo{
display: block;
margin: auto;
margin-top: 50px;
width: 413px;
height: 84px;
}
#crayons{
width: 20%;
height: 20%;
}
Modifié par aurelien33320 (22 Oct 2013 - 16:24)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>les créations d'ambre</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<img src="decoupage/logo.png" alt="logo les créations d'ambre" id="logo" />
<img src="decoupage/crayons.png" alt="crayons" id="crayons" />
</header>
</body>
</html>
body{
background: url("decoupage/background.jpg");
margin: 0;
}
/* header */
#logo{
display: block;
margin: auto;
margin-top: 50px;
width: 413px;
height: 84px;
}
#crayons{
width: 20%;
height: 20%;
}
Modifié par aurelien33320 (22 Oct 2013 - 16:24)