A voir également:
- Redimensionner image
- Word redimensionner toutes les images ✓ - Forum - Word
- Redimensionnement de l'image ✓ - Forum - VB / VBA
- Echec de redimensionnement d'une image ✓ - Forum - PHP
- Redimensionnement d'une image en Java ✓ - Forum - Java
- Redimensionner ET aligner plusieurs images sur plusieurs diapos - Forum - Powerpoint
1 réponse
animostab
- Messages postés
- 2853
- Date d'inscription
- jeudi 10 mars 2005
- Statut
- Membre
- Dernière intervention
- 11 novembre 2019
Salut
Bien que je n'ai pas bien compris les photos postées voila un exemple de taille et positionnement
pour le fond si ton image de fond fait par exemple 500px X 300px et que tu veux la positionner
le css
body {
background:url(fond.jpg) no-repeat;
background-position:50% 70%; /*a modifier selon ton gout*/
background-size:500px 300px; /*largeur hauteur*/
}
#forme {
margin: Xpx auto; /*Xpx : marge depuis le haut , auto : centré*/
width:largeur logo en px;
height:hauteur logo en px;
}
#forme img {
width:100%; /*l'image rempli le width de #forme*/
}
le html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Mon site</title>
</head>
<body>
<section id="forme">
<img src="logo.png" alt="logo" />
</section>
</body>
</html>
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Bien que je n'ai pas bien compris les photos postées voila un exemple de taille et positionnement
pour le fond si ton image de fond fait par exemple 500px X 300px et que tu veux la positionner
le css
body {
background:url(fond.jpg) no-repeat;
background-position:50% 70%; /*a modifier selon ton gout*/
background-size:500px 300px; /*largeur hauteur*/
}
#forme {
margin: Xpx auto; /*Xpx : marge depuis le haut , auto : centré*/
width:largeur logo en px;
height:hauteur logo en px;
}
#forme img {
width:100%; /*l'image rempli le width de #forme*/
}
le html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Mon site</title>
</head>
<body>
<section id="forme">
<img src="logo.png" alt="logo" />
</section>
</body>
</html>
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
- Messages postés
-
69
- Date d'inscription
- samedi 29 juin 2013
- Statut
- Membre
- Dernière intervention
- 10 mai 2016
1- Messages postés
-
2853
- Date d'inscription
- jeudi 10 mars 2005
- Statut
- Membre
- Dernière intervention
- 11 novembre 2019
570