Centré image

anto59190 Messages postés 96 Statut Membre -  
anto59190 Messages postés 96 Statut Membre -
bonjour,

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

une idée ? merci a vous
A voir également:

7 réponses

Kernstein Messages postés 420 Statut Membre 38
 
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.
0
anto59190 Messages postés 96 Statut Membre
 
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 :/
0
Ysabe_l Messages postés 13231 Statut Contributeur 277
 
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.
0
anto59190 Messages postés 96 Statut Membre
 
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 :/
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
_nicolas Messages postés 184 Statut Membre 8
 
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
0
_nicolas Messages postés 184 Statut Membre 8
 
NON, A LA LIGNE 6 J'AI FAIS UNE ERREUR : RAJOUTE 0 LA FIN DE LA LIGNE 6 LE />
0
anto59190 Messages postés 96 Statut Membre
 
URL du ficcher CSS je trouve sa ou ? donc ligne 6 <link rel="stylesheet" href="URL DU FICHER .CSS" />0 ?
0
Utilisateur anonyme
 
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|[׺°"~'"°º×
0
anto59190 Messages postés 96 Statut Membre
 
sa a bien mis mon image au centre mais sa a centré tout e site :/
0