[RESOLU] Mise en page: centrage automatique?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Mise en page: centrage automatique?

Re: [RESOLU] Mise en page: centrage automatique?

par ReSpAwN » 27 avr. 2013, 23:34

de rien :)

Re: Mise en page: centrage automatique?

par independenza21 » 19 avr. 2013, 14:19

j'espère avoir répondu à ta question :)
Oui, merci beaucoup!

Re: Mise en page: centrage automatique?

par ReSpAwN » 19 avr. 2013, 11:24

Bonjour,

Le truc c'est que l'élément "img" est un élément "inline".
Tu as donc 2 possibilités (enfin j'en vois 2) :

solution 1 :
body {
text-align: center;
}
Solution 2 :
img {
display: block;
margin: 0 auto;
}
j'espère avoir répondu à ta question :)

P.S.: tu peux retirer ceci de ton élément "img" :
margin="auto";

Mise en page: centrage automatique?

par independenza21 » 19 avr. 2013, 10:20

Bonjour,


J'ai deja posté la question hier mais je me rends compte que je n’étais pas du tout dans la bonne section...php-debutant/centrer-automatiquement-t267793.html

Donc voila, j'ai toujours ce probleme de centrage auto de l'image. J'ai cherché et essyé plusieurs solution, dont celle proposé dans le topic ci dessus, et rien a faire. J'imagine pourtant que ce code n'a rien d'exceptionnelle (tout comme moi au vu du mal que j'ai a le mettre en place^^).

Si quelqu'un pouvait m'aider.....merci d'avance :?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Intro</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style></head>
<body>
<img src="logogs2.png" width="800" height="600" margin="auto"; />
</body>
</html>