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 :

instruction de transition et alignemet du text


Sujet :

CSS

  1. #1
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut instruction de transition et alignemet du text
    bonjour,
    j'utilise le css suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    st1 {FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: "#000000";text-align: justify; margin-left: 10 px;margin-right: 10 px}
    lorsque j'applique ce css à un texte ce dernier sera décaller de 10px par la gauche mais lorsque j'ai ajouté l'instruction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    	   "http://www.w3.org/TR/html4/loose.dtd">
    au debut de ma page html la proprité margin-left,margin-right,et text-aligin ne fonctionnent plus,SVP aidez moi

  2. #2
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    As-tu choisi ce Doctype pour une bonne raison ou est-ce que tu l'as mis au pif ?

    Le Doctype Transitional pour HTML est généralement utilisé quand on veut que la page s'affiche correctement sur de très vieux navigateurs qui n'interprétaient pas correctement les feuilles de styles (alignement de texte, couleurs d'arrière-plan, etc...).

  3. #3
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    Bonjour,

    As-tu choisi ce Doctype pour une bonne raison ou est-ce que tu l'as mis au pif ?

    Le Doctype Transitional pour HTML est généralement utilisé quand on veut que la page s'affiche correctement sur de très vieux navigateurs qui n'interprétaient pas correctement les feuilles de styles (alignement de texte, couleurs d'arrière-plan, etc...).
    merci,je l'ai ajouté suivant la proposition de l'un des memebres du forum html,lorsque j'avais un probleme d'affichage en firefox,d'ailleurs si je l'enleve maintenant, le contenu de mon site ne sera pas centré, et en firefox il n y aura que du désordre

  4. #4
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Plutôt que d'enlever tout le doctype, as-tu essayé de le remplacer par un doctype différent ?

    http://www.w3schools.com/tags/tag_DOCTYPE.asp

  5. #5
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    Plutôt que d'enlever tout le doctype, as-tu essayé de le remplacer par un doctype différent ?

    http://www.w3schools.com/tags/tag_DOCTYPE.asp
    merci pour le lien,je viens d'essayer tous genre de doctype,mais pas moyen,le site est bien centré et text-align marche bien mais margin-left et right ne fonctionnent pas!!

  6. #6
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Tu as une page en ligne pour regarder, le problème vient peut-être d'un ensemble de choses ?

  7. #7
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    Tu as une page en ligne pour regarder, le problème vient peut-être d'un ensemble de choses ?
    je n'ai pas une page en ligne mais voici la page html et le css:
    Fichiers attachés Fichiers attachés

  8. #8
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Au lieu de :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    st1 {FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: "#000000";text-align: justify; margin-left: 10 px;margin-right: 10 px}
    Ecris plutôt :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .st1 {
    	font-family: Verdana; 
    	font-size: 8pt; 
    	color: #FFF;
    	text-align: center; 
    	margin-left: 10px;
    	margin-right: 10px;
    }

  9. #9
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut
    merci beaucoup css ,tout a bien marchémeme si en firefox le texte est centré,mais en IE les marges sont bien respectées.

  10. #10
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    J'ai dû laisser text-align:center involontairement, tu peux mettre text-align:justify si tu ne veux pas centrer le texte.


  11. #11
    Membre du Club Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Points : 64
    Points
    64
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    J'ai dû laisser text-align:center involontairement, tu peux mettre text-align:justify si tu ne veux pas centrer le texte.

    ah oui,vous avez raison ,j'ai pas remarqué ça ,merci beaucoup

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

Discussions similaires

  1. [PPT-2010] Transition d'image et texte dans une dia
    Par beegees dans le forum Powerpoint
    Réponses: 3
    Dernier message: 22/07/2012, 21h14
  2. Slideshow en transition fade pour du texte
    Par newty dans le forum jQuery
    Réponses: 8
    Dernier message: 10/10/2011, 12h27
  3. Importer directement des instructions MySQL en fichier texte dans MySQL
    Par lightstring4 dans le forum SQL Procédural
    Réponses: 6
    Dernier message: 09/05/2007, 16h39
  4. Stopper un effet de transition sur un texte
    Par byonatane dans le forum Flash
    Réponses: 1
    Dernier message: 08/03/2007, 09h39
  5. Instruction pour créer un fichier text ???
    Par Soulsurfer dans le forum Langage
    Réponses: 2
    Dernier message: 06/08/2002, 11h17

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