[WEB] text-align bug en CSS HTML ?

Fermé
corentin** Messages postés 455 Statut Membre -  
 Yoodie44 -
Bonjour,

Voilà, je commence le dev web et j'ai quelques soucis avec le CSS.
Voilà, j'ai créé une classe avec ceci dedans:

maclasse

{
text-align: center;
font-size: large;
font-style: italic;
color: #FF0000;
}

Et sur ma page HTML, j'ai: (avec <html> et tout bien sur ..)

<body>
<maclasse>
Bonjour
</maclasse>
</body>

Malheuresement mon texte ne s'aligne pas au centre ! Mais il est bien rouge et italique...
Pourquoi ? :/

Merci pour votre aide..

PS: J'ai qu'une classe dans mon fichier .css

6 réponses

  1. jujudu70220 Messages postés 1 Date d'inscription   Statut Membre Dernière intervention  
     
    Regarde sur le Site Du Zero , il y a un tuto html/css. cherche je pense qu'il y a une solution.
    0
    1. zérémy
       
      Tu a mis le css dans la balise <style> dans le head ?
      0
    2. corentin** Messages postés 455 Statut Membre 65
       
      Voici ma page html, je n'ai pas cette balise:

      <!DOCTYPE html> 
      <link rel="stylesheet" type="text/css" href="styles.css"> 
      <html> 
        <head> 
          <meta charset="utf-8"> 
          <title>base</title> 
        </head> 
        <body> 
          <div ="maclasse"> 
            Bonjour 
          </div> 
        </body> 
      </html>
      0
  2. patounnette Messages postés 34 Statut Membre
     
    es que tu as intégrés ton css a ton html
    0
  3. corentin** Messages postés 455 Statut Membre 65
     
    @juju
    Oui j'y vais régulièrement .. Mais là je sèche vraiment sur mon pb.. Je vais aller leur poser la question je pense...

    @patounnette
    Oui bien entendu ...
    0
  4. Kafiristanica Messages postés 266 Date d'inscription   Statut Membre Dernière intervention   28
     
    Hello,

    HTML:
    <body>
    <div ="maclasse">
    Bonjour
    </div>
    </body>


    CSS:
    #maclasse
    {
    text-align: center;
    font-size: large;
    font-style: italic;
    color: #FF0000;
    } 


    Cela fonctionne chez moi

    Cordialement
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. corentin** Messages postés 455 Statut Membre 65
     
    @Kafiristanica
    Pas chez moi .. (avec ton code)
    Je continue de chercher
    0
  7. Yoodie44
     
    Bonjour,
    Il te suffit de rajouter dans le fichier css :
    width:100%;

    Sans cela le navigateur ne sait pas quelle est la largeur de la div et ne peut pas centrer le texte.

    Cordialement
    0
    1. Kafiristanica Messages postés 266 Date d'inscription   Statut Membre Dernière intervention   28
       
      bah si ...
      0
    2. Yoodie44
       
      Tout dépend du navigateur que tu utilise, sous IE et Firefox par exemple il n'y a pas besoin de rajouter cette ligne.
      0