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 :

Alignement de texte (css + html)


Sujet :

Positionnement en CSS

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2009
    Messages : 29
    Par défaut Alignement de texte (css + html)
    Salut tout le monde , je crée présentement mon premier siteweb en html et j'ai un problème puisque chaques premières lignes de mes corps ne se centre pas , voici mon code (html) :

    Code html : 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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <div id="corps">
     
      <p>
    Président             		: 	M.  Robert Doyon(le problème est sur cette ligne)</br>
    Vice – Président 		:  	M.  Mario Vachon</br>
    Secrétaire-très.	   	:  	Mme Sylvie Fortin</br>
    Directeur           		:	M.  David Poulin</br>
    Représentant organisme 	:	M.  Christian Duval</br>
    Représentants municipaux:	M.  Paul Veilleux</br>
    M.  Marc Mercier </br> 
    Directeur général		:	M.  Michel Mercier</br>
    Comptable		:	Mme Sylvie Fortin</br>
    Employés d’entretien	:	M.  Denis Poulin ( 31 ans de service)</br>	M.  Richard Poulin ( Retraité cette année )</br> M. Paul Poulin (nouvel employé)
    </br></br>
    <hr>
    <!-- Rajouter une ligne si possible !-->
      </p>
     
      <h2> SAVIEZ-VOUS QUE ? </h2>
      <p>
      -	L’aréna est en opération depuis 32 ans ( février 1972 ) ;</br>
    -	Le conseil d’administration est composé de 9 membres bénévoles et qu’il en coûte seulement 2,00$ pour devenir membre de l’aréna ;</br>
    -	L’aréna est une corporation sans but lucratif et ce depuis le tout début ;</br>
    -	La structure est un ancien hangar d’avion du fédéral ;</br>
    -	L’aréna possède 1020 sièges pour les spectateurs ;</br>
    -	Il passe au delà de 2000 personnes par semaine (octobre – mars ) ; </br>
    -	La glace est prête à la 2ème semaine d’août;</br>
    -	Il est possible de réserver l’aréna même en été (rassemblement, activité familiale, roller hockey, spectacle, etc. ) ;</br>
    -	Les chambres de joueurs de hockey ont été agrandi et les douches rafraîchi en août 2000 ;</br>
    -	Un nouveau système de sons a été installé en mai 2003 ;</br>
    -	La structure de l’aréna a été solidifiée en juin 2003 ;</br>
    -	Le restaurant et le pro-shop sont propriétés de l’aréna ;</br>
    -	Il vous est possible de vous afficher sur un des murs de l’aréna ou sur une des bandes disponibles à un coût très abordable ;</br>
    -	La Loto-Aréna a été mise sur pied pour restaurer la bâtisse et ses équipements ;</br>
     
      </p>
      </div>
    Code css : 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
     
    #corps
    {
     margin-left: 140px; 
       margin-bottom: 10px; 
       padding: 15px;    
       background-image: url("degrade4.png");
    background-color: white;
       background-repeat: repeat-y;
     
       border: 2px solid white; 
       text-align: center;
       margin: auto;
    }
    p
    {
    text-align: center;
    Font : arial;
    }
    Tout le texte est centré correctement sauf la première ligne et je me demande vraiment pourquoi, je n'ai utilisé aucun indent .

    Merci d'avance a ceux qui m'aideront !
    Alex.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour et bienvenue

    erreur de syntaxe : </br> => c'est plutôt <br />.
    Dans ton code CSS, la propriété raccourcie font devrait contenir au moins les deux valeurs font-size et font-family, donc soit tu mets :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    font : 12px arial, verdana, helvetica, sans-serif

    soit

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    font-family : arial, verdana, helvetica, sans-serif

    Il est préférable de déclarer plusieurs polices alternatifs pour chaque famille de police (ici sans serif) pour garder un affichage cohérent sous les différents OS.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2009
    Messages : 29
    Par défaut
    merci pour les conseils cependants j'ai toujours le même problème principale : tout mes textes sont bien centrées sauf la première ligne qui est légèrement décalé vers la droite .

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 60
    Par défaut
    <p>
    X - L’aréna est en opération depuis 32 ans ( février 1972 ) ;</br>
    - L
    Corrige ton text dans ton code XHTML, ie: comme tu le vois, ton premier "tiret" est décalé vers la droite..........................

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par alexg33 Voir le message
    merci pour les conseils cependants j'ai toujours le même problème principale : tout mes textes sont bien centrées sauf la première ligne qui est légèrement décalé vers la droite .
    Je ne vois pas le problème, c'est tout à fait normal : la première ligne est plus longue ...

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 60
    Par défaut
    J'ai ajouté un "X" (edit)pour bien identifier ou il y a un décalage dans le code original produit, et la ligne citée n'est pas plus longue, au contraire, ou alors me lunettes sont toutes fuckées.....

  7. #7
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par aL1ba Voir le message
    J'ai ajouté un "X" (edit)pour bien identifier ou il y a un décalage dans le code original produit, et la ligne citée n'est pas plus longue, au contraire, ou alors me lunettes sont toutes fuckées.....
    Citation Envoyé par alexg33 Voir le message
    Président : M. Robert Doyon(le problème est sur cette ligne)</br>
    Vice – Président : M. Mario Vachon</br>
    Secrétaire-très. : Mme Sylvie Fortin</br>
    Directeur : M. David Poulin</br>

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 60
    Par défaut
    J'assumais que par première ligne, Alexg33 voulait dire:
    - L’aréna est en opération depuis 32 ans ( février 1972 ) ;</br>
    - Le conseil d’administration est composé de 9 membres bénévoles et qu’il en coûte seulement 2,00$ pour devenir membre de l’aréna ;</br>
    - L’aréna est une corporation sans but lucratif et ce depuis le tout début ;</br>
    - La structure est un ancien hangar d’avion du fédéral ;</br>
    - L’aréna possède 1020 sièges pour les spectateurs ;</br>
    , et sur cette ligne précisement, il y a un espace avant les fameux tirets....(espace qui n'est pas visible dans le mode citation).Donc, si tu as raison Macmillenium, on ne parle pas de la même ligne.

    J'ai assumé qu'on parlait de la première ligne du block text

Discussions similaires

  1. [css][html] probleme de text-align
    Par pimter dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 13/07/2006, 12h08
  2. [CSS] Alignement du texte
    Par bouchette63 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/05/2006, 13h49
  3. CSS: Comment puis-je aligner mon texte au millieux
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 16/02/2006, 09h01
  4. [CSS] Aligner le texte par rapport aux puces de listes
    Par Invité dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 20/11/2005, 10h35
  5. [CSS + HTML 4.01] Texte debordant de son div parent
    Par prgasp77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/01/2005, 00h07

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