XHtml/CSS - Centrer titre

Logiciel & apps Programmation
1

Salut à tous ;

Voici mon probléme : Je veux centrer une image à l’intérieur du corps de mon website, mon code html :

<div id="content">
<img class="Image" "12.jpg"/>
<h4 class="Bonjour">Bonjour ;</h4>
<p>Corps du texte</p>
</div>

Et je veux centrer l’image " 12.jpg " en milieu du corps, mon code CSS :

.Image
{background-image: url(‘12.jpg’);
background-attachment: scroll;
background-position: top center;
background-repeat: no-repeat; }

Et l’image s’affiche mais elle n’est pas centrée, Si vous pouviez m’aider :slight_smile:

Th0F0x

2

Peux tu changer le titre pour autre chose que “…”. Car bon, on peut s’amuser à ça aussi : demander à tout le monde de juste mettre le langage, et “…”. On verra si lors des recherches vous vous y retrouverez!

Bref on édite (http://www.clubic.com/forum/style_images/persoclubic/editer.gif) le titre, merci!

Sinon, pour centrer, sachant que l’image est en ligne, c’est text-align: center sur le conteneur parent.

3

Je vais tester avec text-align

merci à toi :wink:

Th0F0x

4

J’ai fais ce que tu m’as dit, j’ai même changé mon code CSS :

.Image
{background: url(‘12.jpg’) top center no-repeat; }

mais rien ne s’affiche, je ne peux pas mettre " display: block; " ça ne marche que pour les headers

mais j’avous que je suis pommé :slight_smile: j’ai essayé de toute les maniéres différentes…

je donne ma lanque au chat :confused:

Can you help me !?

Th0F0x

5

je viens d’essayer <div id=“content” class=“Image”>,
chez moi, ca marche (Firefox et IE6)

6

Je suis aussi sous firefox :confused:

j’ai dû mal faire quelquechose… j’y retourne merci :slight_smile:

Th0F0x

7

Tu as tenté:
.Image{text-align:center;}
?

Sinon si tu en as vraiment marre tu ajoutes align=‘center’ dans ta balise :paf:

8

tu es sûr qu’on peut appliquer un text-align à une image en background ?

9

J’ai essayé ceci :

CODE CSS :

#content
{margin-left:187px;
padding:20px;
width:auto; }

.Image
{background: url(‘12.jpg’) top center no-repeat; }

CODE HTML :

<div id="content">
<img class="Image">

Mon Image est dans le même dossier, et je veux la centrée à travers le " <div id="content"> ", ce qui représente le Corps du site.

Je ne veux pas la mettre en fond d’écran mais juste la centrée !! :neutre:

Merci pour vos réponses…

Th0F0x

10

Donc pourquoi ajouter background: ?
ça définit un fond, ça.

Il te suffit d’ajouter text-align:center; à ton #content.

11

oui, soit l’image est en backgroud, et on n’utilise pas <img… > soit elle n’est pas en background et on utilise la balise <img> pas les 2 à la choix.

sinon, en background, ça centre peut-être sur la taille du div, donc il faudrait p-e un witdh à 100% sur le DIV, ou au pire, une taille fixe pour vérifier ça.

12

Salut ;

ok merci bien, mais je pense avoir trouvé, le texte du corps, je l’ai entiérement modifié, j’ai juste mis pour ma question d’image :

<center><img src=“nom de l’image”></center>

y aura qu’une infime partie de mon site qui ne sera pas en xhtml/css :), celle des photos avec " <center><img src=“nom de l’image”></center> "

Merci à vous :wink:

Th0F0x