Problème pour centrer un objet html
yohanimusha
Messages postés
60
Date d'inscription
Statut
Membre
Dernière intervention
-
yohanimusha Messages postés 60 Date d'inscription Statut Membre Dernière intervention -
yohanimusha Messages postés 60 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de coder un portail pour mon site mais je rencontre un petit problème pour centrer ceci:
<img src="images/houver.png" name="image" onmouseover="image.src='images/on-houver.png'" onmouseout="image.src='images/houver.png'" onmousedown="image.src='images/houver.png'" alt="" />
j'ai essayé plusieurs balise comme <center> ou encore <p style="text-align:center"> , <p align="center"> et <p style="display:block; margin: auto;"> mais cela ne fonctionne pas.
Quelqu'un sait ci il y a un moyen de pouvoir centrer ceci soit en html ou en css svp?
Merci d'avance :)
Je suis en train de coder un portail pour mon site mais je rencontre un petit problème pour centrer ceci:
<img src="images/houver.png" name="image" onmouseover="image.src='images/on-houver.png'" onmouseout="image.src='images/houver.png'" onmousedown="image.src='images/houver.png'" alt="" />
j'ai essayé plusieurs balise comme <center> ou encore <p style="text-align:center"> , <p align="center"> et <p style="display:block; margin: auto;"> mais cela ne fonctionne pas.
Quelqu'un sait ci il y a un moyen de pouvoir centrer ceci soit en html ou en css svp?
Merci d'avance :)
A voir également:
- Problème pour centrer un objet html
- Site pour vendre des objets d'occasion - Guide
- Editeur html - Télécharger - HTML
- Identifier un objet à partir d'une photo - Guide
- Mesurer un objet - Guide
- Objet interdit en cabine ryanair - Guide
6 réponses
As tu essayé :
<img src="images/houver.png"
name="image"
onmouseover="image.src='images/on-houver.png'" onmouseout="image.src='images/houver.png'" onmousedown="image.src='images/houver.png'" alt=""
style="margin:auto;" />
??
<img src="images/houver.png"
name="image"
onmouseover="image.src='images/on-houver.png'" onmouseout="image.src='images/houver.png'" onmousedown="image.src='images/houver.png'" alt=""
style="margin:auto;" />
??
Normalement il faudrait que tu donnes une largeur précise à ton image...
Imagine tu as une image de 200px de large, en css, tu as:
width: 200px; margin-left: auto; margin-right: auto;
Seulement... tu changes d'image, donc peut-être (je sais pas) que tes images n'ont pas la même largeur, donc à ce moment là tu changes les propriétés css avec javascript pour garder la bonne largeur à ton image.
Imagine tu as une image de 200px de large, en css, tu as:
width: 200px; margin-left: auto; margin-right: auto;
Seulement... tu changes d'image, donc peut-être (je sais pas) que tes images n'ont pas la même largeur, donc à ce moment là tu changes les propriétés css avec javascript pour garder la bonne largeur à ton image.
Attribuer une largeur dans les image les redimensionnent certes, mais c'est pas sont problème!
D'après ce que j'ai compris c'est de centrer sa balise img sur sa page. Modifier la largeur ne règle pas ce problème.
Je pense qu'il faut mettre les marges en auto pour centrer son image. Pas avec du HTML, mais simplement en css, mettre
D'après ce que j'ai compris c'est de centrer sa balise img sur sa page. Modifier la largeur ne règle pas ce problème.
Je pense qu'il faut mettre les marges en auto pour centrer son image. Pas avec du HTML, mais simplement en css, mettre
<img src="images/houver.png" name="image" ...... style="margin:auto;" />suffirait !
Le truc, c'est tu peux mettre margin-left: auto; et margin-right: auto; uniquement si la largeur est définie... mais son image diffère en fonction des événements Js: donc il faut changer la largeur à chaque fois qu'il change...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
