Centré image [Fermé]

Signaler
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020
-
anto59190
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020
-
bonjour,

sur ma page d'accueil jessaie de trouver un code pour centré l'image tout cimplement

une idée ? merci a vous

7 réponses

Messages postés
467
Date d'inscription
samedi 14 juin 2014
Statut
Membre
Dernière intervention
13 octobre 2016
25
Bonsoir,

Voici deux façons de centrer une image en HTML : (la balise <center></center> est déconseillée par beaucoup de spécialistes.)

<IMG SRC="http://xxx.xxx.fr/image.jpg" style="text-align:center">
<IMG SRC="http://xxx.xxx.fr/image2.jpg" align="center">


Cordialement :)
Je ne savais pas que c'était impossible. C'est pour ça que j'ai réussi à le faire.
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020

merci mais la photo reste a gauche :/ ou sait tu si il y a un code pour avoir son fond d'écran qui prent toute la place mais qui est pareil sur tout les pc ? car sur un 17 et 15 pouces on ne voit pas pareil :/
Messages postés
10529
Date d'inscription
vendredi 12 avril 2013
Statut
Contributeur
Dernière intervention
3 avril 2020
203
Bonjour,

Sans voir du tout ton code c'est pas évident, mais à priori comme ça je dirais de mettre l'image dans une div et de mettre la div avec des margin-left et margin-right en auto.
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020

je veux le mettre de suite sur le site :
<!doctype html>

<html lang="{{ Blog.Lang | default('en') }}">
<head>
<!-- shortcut:[Meta] -->
<!-- title -->
{% title %}
<!-- metas description, keyword, robots -->
{% meta %}

<!-- shortcut:[Includes] -->
<!-- favicon -->
{% favicon %}


c'est a dire ? un exemple ? car pour moi pour l'instant cest un peu du chinois :/
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
3
Ne t'inquiète pas.

1. Crée un ficher .css
2. Tu Tu mets entre ta balise <head></head> un <link rel="stylesheet" href="URL DE TON FICHER .CSS" />

Ca fait :

NB : mets ton image sous div

<DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet" href="URL DU FICHER .CSS"
</head>
<body>
<div id="image">
<img border="0" src="URL DE TON IMAGE" />
</div>
</body>
</html>



ET DANS TON FICHER CSS :

#image {
margin: auto;
}


En espérant que ça pourrais t'aider,

Nicolas
_nicolas
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
3
NON, A LA LIGNE 6 J'AI FAIS UNE ERREUR : RAJOUTE 0 LA FIN DE LA LIGNE 6 LE />
anto59190
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020

URL du ficcher CSS je trouve sa ou ? donc ligne 6 <link rel="stylesheet" href="URL DU FICHER .CSS" />0 ?
salut

tu met ton image avec :

<style type="text/css">
			img {
				display: block;
				margin: auto;
			}
		</style>
	</head>
	<body>
		<img alt="" src="ton_img.png" />
	</body>


bonne soirée

׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×
Messages postés
74
Date d'inscription
mardi 17 juin 2014
Statut
Membre
Dernière intervention
26 mars 2020

sa a bien mis mon image au centre mais sa a centré tout e site :/