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 :

centrage en css


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de rasleboldesid
    Profil pro
    Inscrit en
    Août 2006
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 115
    Par défaut centrage en css
    encore un petit pb :

    style.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    body {background-color:#333333;background-repeat:no-repeat; font-family:"Edwardian Script ITC"; font-size:24px; color:#FFFFFF; text-align:justify;}
     
    img {border:0}
     
    .index {position:absolute;top:50%;left:50%;margin-left:-437.5px;margin-top:-428.5px;} /*cette règle est créer pour la seule page d'index*/
     
    .aligntext {margin-left:auto; margin-right:auto;
    sommaire.html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>sommaire</title>
    </head>
     
    <body class="aligntext">
    blablablablablabla</body>
    </html>
    pourquoi n'y a-t-il aucune marge autour du texte ?

  2. #2
    Nouveau membre du Club
    Inscrit en
    Novembre 2005
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 10
    Par défaut
    Ne place pas d'attribut class sur ta balise body, fais plutôt :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <body>
    <p class = "aligntext"> Essai </p>
    </body>
    Mais quel est le problème exactement ? Comment ça aucune marge ? Tu as mis margin:auto ce qui doit normalement centrer le texte, sous Firefox en tout cas... Décris un peu plus le problème ^^

  3. #3
    Membre confirmé Avatar de rasleboldesid
    Profil pro
    Inscrit en
    Août 2006
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 115
    Par défaut
    Je viens de trouver une solution, mais je ne sais pas si elle est bonne :

    body {background-color:#333333;background-repeat:no-repeat; font-family:"Edwardian Script ITC"; font-size:24px; color:#FFFFFF; text-align:justify; margin-left:15%; margin-right:15%;}

    En tous cas, ça marche !

    Autre chose, où est-ce que je peux apprendre quelles sont les balises html que l'on continue d'utiliser en full-css ?

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Citation Envoyé par rasleboldesid
    où est-ce que je peux apprendre quelles sont les balises html que l'on continue d'utiliser en full-css ?
    Tu entends quoi exactement par "full-css" ?
    Il n'y a pas de balises proscrites à part les dépréciées, genre la balise <font> ou <center>. Autrement tu utilises la balise correcte pour chaque situation:

    <h1> pour un titre principal,
    <p> pour un paragraphe,
    <table> pour un tableau, ...

    Tu trouveras une liste sur ce site
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Membre confirmé Avatar de rasleboldesid
    Profil pro
    Inscrit en
    Août 2006
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 115
    Par défaut
    disons que si on ne met en page que par css "linking", quelles sont les balises html qui restent utilent ?

Discussions similaires

  1. Centrage page CSS
    Par toinedu27 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/07/2014, 15h43
  2. Centrage html css
    Par sachaaa dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 19/09/2011, 09h55
  3. [HTML/CSS] position absolute et centrage
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/08/2005, 11h11
  4. [CSS] Problème de centrage vertical
    Par ZeImp dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/07/2005, 00h04
  5. [CSS] Problème de centrage
    Par viddak dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 18/05/2005, 15h44

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