[WEB] text-align bug en CSS HTML ?

Fermé

corentin** Messages postés 428 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 23 juin 2010 - 10 juil. 2012 à 22:25
Yoodie44 - 11 juil. 2012 à 16:29

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

A voir également:

[WEB] text-align bug en CSS HTML ?
Bug yahoo mail - Guide
Traduire une page web - Guide
Instagram web - Guide
Web office - Guide
Editeur html - Télécharger - HTML

6 réponses

Réponse 1 / 6

Utilisateur anonyme
11 juil. 2012 à 00:52

Regarde sur le Site Du Zero , il y a un tuto html/css. cherche je pense qu'il y a une solution.

zérémy
11 juil. 2012 à 13:25

Tu a mis le css dans la balise <style> dans le head ?

corentin** Messages postés 428 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 23 juin 2010 65
Modifié par corentin** le 11/07/2012 à 13:32

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>

Réponse 2 / 6

patounnette Messages postés 31 Date d'inscription mercredi 16 mai 2012 Statut Membre Dernière intervention 18 juin 2013
11 juil. 2012 à 01:49

es que tu as intégrés ton css a ton html

Réponse 3 / 6

corentin** Messages postés 428 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 23 juin 2010 65
11 juil. 2012 à 01:53

@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 ...

Réponse 4 / 6

Kafiristanica Messages postés 263 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 27 août 2012 28
11 juil. 2012 à 09: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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

corentin** Messages postés 428 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 23 juin 2010 65
11 juil. 2012 à 13:23

@Kafiristanica
Pas chez moi .. (avec ton code)
Je continue de chercher

Réponse 6 / 6

Yoodie44
11 juil. 2012 à 16:12

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

Kafiristanica Messages postés 263 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 27 août 2012 28
11 juil. 2012 à 16:24

bah si ...

Yoodie44
11 juil. 2012 à 16:29

Tout dépend du navigateur que tu utilise, sous IE et Firefox par exemple il n'y a pas besoin de rajouter cette ligne.

Discussions similaires

Trouver le mot réellement écrit en lettres capitales PIX

Espace en HTML

Problème Facebook rencontre

Discussions similaires

Newsletters