IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

text dans des blocs


Sujet :

CSS

  1. #1
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 54
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    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.

  3. #3
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 54
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    35
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2010
    Messages : 35
    Par défaut
    Pourquoi pas tout simplement "text-align:center;" dans le css?
    Tu peux aussi mettre des balises <center>titre</center> directement dans ton code html

  5. #5
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 54
    Par défaut
    il y a déja des text-align:center dans le css pour le titre !!

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    35
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2010
    Messages : 35
    Par défaut
    tu as bien changer .titre en #titre dans le css??

  7. #7
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 54
    Par défaut
    Merci beaucoup ça fonctionne comme je le veux.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. récupération texte dans des champs ajouter au préalable
    Par Dodielapatate dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 01/08/2007, 14h11
  2. VBA/Excel "Mise en forme de texte dans des cellules"
    Par Invité dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 06/03/2007, 16h20
  3. comment copier le texte dans des champs
    Par pierrot67 dans le forum Bases de données
    Réponses: 5
    Dernier message: 08/12/2006, 10h05
  4. Programme de remplacement de texte dans des fichiers
    Par Invité4 dans le forum Linux
    Réponses: 13
    Dernier message: 12/11/2006, 16h06
  5. Récupérer texte dans des variables
    Par Coussati dans le forum Langage
    Réponses: 8
    Dernier message: 12/11/2005, 18h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo