centrage d'une image

**smartise** · 31/10/2007, 11h10

bonjour,

je dois actuellement mettre à jour un site dont je ne suis pas l'auteur. Mon soucis est que sur la page d'acceuil une image sert de lien pour aller vers le menu.
Cette même image est collé à la bordure gauche de l'écran et j'aimerais la placé au centre

voici le codage de la page :

Code html :

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

1
2
3
4
5
6
7
8
9
 
<body>
 
<div style = "position:absolute; top:160px; left:0px; overflow: hidden;">
a href = "welcome.php"><img border="0" src="liens de l'image" alt = "bla"</a>
<p align="center">blabla<BR></p>
</div>
 
</body>

en cheangeant la valeur du left:0px celà la déplace mais j'aimerai que l'image soit au centre de l'écran pour toutes les résolutions d'écran

ps: j'ai d'abord songé à utilisé la même balise que pour le blabla mais celà n'a pas fonctionné

merci d'avance

**metalpetsFR** · 31/10/2007, 11h15

Je pense que tu ne peux pas centrer une image en gardant le style

Code :

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

position:absolute

Essasye simple ça
[CODE]<div style="text-align: center; overflow: hidden;">[...]</div>CODE]

**smartise** · 31/10/2007, 11h17

celà à presque fonctionner ^^ l'image est au centre mais tout en haut de l'écran

**metalpetsFR** · 31/10/2007, 11h54

Je ne suis pas sure que c'est tres élégant mais essaye ça :

Code :

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

1
2
 
<div style="position:absolute; top:160px; margin-left:-XXXpx; left:50%; overflow: hidden;">[...]</div>

Où XXX = la moitié de la largeur de ton image !

**smartise** · 31/10/2007, 11h59

j'ai essayé ca ne fonctionne pas pour toute les résolutions :'(

**smartise** · 31/10/2007, 12h41

voilà avec ce code ca fonctionne pour toutes les résolutions

Code :

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

<div style="position:absolute; top:160px; margin-left:-400px;left:50%; margin-top:-81px;top:50%; overflow: hidden;">

centrage d'une image

HTML

Vue hybride

Discussions similaires

Partager

Partager