text dans des blocs

Version imprimable

text dans des blocs

Bonjour,

Je voudrais faire un petit site avec pas mal de css, mais je rencontre des difficulté dans la manipulation du text qui ne fait vraiment pas ce que je veux.
J'ai un site avec beaucoup de partit, donc pour simplifier mon probleme j'ai tous mis dans un seul bloc, et j'ai le meme probleme.

Je vous mets le code ce sera plus simple.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 div#corpgeneral { float: left; width : 538px; height : 563px; background-image: url(images/fondgeneral.png); background-repeat: no-repeat; } .Titre { font-size: 18px; color : black; font-family: "Arial Black", Arial, Verdana, serif; text-align : center; } .texte { text-align : left; }
corp general est mon bloc qui va me contenir mon texte.
Ensuite je souhaite mettre mon texte ou je veux.

Donc j'ai fait celà en html.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Page d'accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="feuille2.css" /> </head> <body> <div id="corpgeneral"> <span class="Titre">Le bureau de la saison 2009/2010</span> <br><br> <span class="texte">test2</span> </div> </body> </html>
Bon dans ce cas la, j'ai bien mon texte à gauche mais le titre aussi ....

Hors je ne parvient pas à centrer ....

Est-ce que vous auriez une idée de ce qui ne vas pas dans ce que j'ai fait ?

Merci de vos réponses.

11/01/2010, 10h02
pop_up

je n'ai pas testé mais tu utilises des propriétés d'alignement sur une balise span qui est un élément "en ligne". Il faut utiliser cette propriété sur un élément de type "bloc". essaye avec une balise "div" par exemple.
11/01/2010, 19h21
Razorbak
Bonjour,

J'ai donc modifier pour remplacer par des div mais j'ai le même probleme , le text ne veut pas se placer correctement dans le bloc ....
Je vous met le nouveau html.
Code:

1 2 3 4 5 6 7 8 9 10 <body> <div id="corpgeneral"> <div id="Titre">Le bureau de la saison 2009/2010</div> <div id="texte">test2</div> </div> </body> </html>
11/01/2010, 20h33
addock

Pourquoi pas tout simplement "text-align:center;" dans le css?
Tu peux aussi mettre des balises <center>titre</center> directement dans ton code html
11/01/2010, 20h41
Razorbak

il y a déja des text-align:center dans le css pour le titre !!
11/01/2010, 21h25
addock

tu as bien changer .titre en #titre dans le css??
12/01/2010, 10h10
Razorbak

Merci beaucoup ça fonctionne comme je le veux.