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

HTML Discussion :

le <b> qui gâche la gestion des polices


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Inscrit en
    Février 2007
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 54
    Points : 36
    Points
    36
    Par défaut le <b> qui gâche la gestion des polices
    bonjour,
    il y a t'il des règles de positionnement de <b> pour qu'il arrête de gâcher les polices de caractères ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <body>
    <b><i><span style='font-family:Verdana;color:#FF0000'><span style='font-size:12.0pt'>
    Essai de police de caractères (Verdana)</span><br><span style='font-size:11.0pt'>
    Nom: </b> c'est moi<br>
    <b>Prénom: </b> (times ah ah ah!)<br></span></span></i><br>
    </body>
    si, en plus, on met un fond sombre, c'est la "cata" après le premier </b> dans Firefox, Chrome, Safari ... Faut-il mettre obligatoirement <b> après <span...> ?
    mh333

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    En tout cas, il y a des règles d'imbrication...
    La bouillie de balises, c'est jamais bon.

  3. #3
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    Par défaut
    Bonjour,

    La j'avoue que je suis perplexe

    Les balises <b></b> servent à mettre en gras le texte qui est situé entre elles.
    Il n'est écrit nul part qu'une balise <b> doit obligatoirement suivre un <span>

    De plus, aujourd'hui, il est préférable d'utiliser le CSS pour jouer sur le style, que ce soit la police, la taille, la couleur, etc.

  4. #4
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    disons qu'avant de faire des tests hasardeux et d'enfiler les balises les unes derrières les autres, il serait peut être bon d'investir du temps dans l'apprentissage et la compréhension du fonctionnement d'un css.

  5. #5
    Nouveau membre du Club
    Inscrit en
    Février 2007
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 54
    Points : 36
    Points
    36
    Par défaut ce <b> qui gache la police
    salut vil'coyote
    j'espère que tu sais à qui s'adresse ta remarque, car l'erreur vient de Microsoft.
    Et donc il faut envoyer Microsoft à l'école des css, je suis tout à fait d'accord.
    Cette erreur vient d'une migration d'un document Word .docx vers .html.
    Moi je ne soulevais que l'anomalie.
    mh333

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut


    S'il était possible de transformer nativement un .docx en HTML compatible sur tous les navigateurs, ça se saurait !

    Le mieux que tu puisses espérer, c'est que IE le rendra "convenablement" mais je ne suis même pas sûr que cela soit garantit !

  7. #7
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Points : 3 861
    Points
    3 861
    Billets dans le blog
    6
    Par défaut
    Citation Envoyé par mh333
    Cette erreur vient d'une migration d'un document Word .docx vers .html.
    La bonne blague !

    Citation Envoyé par FirePrawn
    Les balises <b></b> servent à mettre en gras le texte qui est situé entre elles.
    En html5, elles servent uniquement à mettre du texte visuellement en avant. On peut leur assigner n'importe quelle mise en forme.

  8. #8
    Membre éclairé Avatar de Tillo
    Homme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2007
    Messages : 494
    Points : 683
    Points
    683
    Par défaut
    Bonjour,

    Je pense que ton code serait un peu plus clair en utilisant un peu de css. Il faut penser au futur, peut-être que dans 1 an ou 2 tu auras besoin de relire ton code, plus il sera clair, mieux tu pourras le mettre à jour. Je crois aussi que tes <b> et tes <i> sont un peu mélangées, si mes souvenirs sont bons, il faut écrire

    et non

    La place du dernier </i> de ton code me gêne un peu.

    Bon courage
    Alexis

  9. #9
    Nouveau membre du Club
    Inscrit en
    Février 2007
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 54
    Points : 36
    Points
    36
    Par défaut </b> destructeur
    salut
    bon d'accord, le <i> est mal placé, mais c'est un extrait transformé à partir d'un texte très long d'origine Word qu'il fallait mettre sur un site immédiatement en htm.
    Pour IE Microsoft ok, mais dans Firefox et les autres </b> annule la police et la couleur, (si la couleur de fond de la page est sombre, on ne voit plus rien)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <b><span style='font-family:Verdana;color:#FF0000'>Verdana rouge </b> times noir ah ah ah!</span>
    je suis d'accord qu'avec un css cela marche mieux, mais quand on est à la bourre ...
    et cela confirme que </b> ne signifie pas simplement d'arrêter le gras d'un texte.
    mh333

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

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    Bonjour,


    Tu tentes de prouver ton interprétation du rendu des navigateurs par le biais d'un code erroné
    <b><span style='font-family:Verdana;color:#FF0000'>Verdana rouge </b> times noir ah ah ah!</span>
    que chaque navigateur essaie d’interpréter comme il peut. Là, en l'occurence vu que le span est censé être contenu dans le b, le navigateur estime que la fermeture du span aurait du être présente et agit comme tel, d'ou l'arrêt du rouge au niveau du /b


    Si tu imbriquais correctement tes balises, ton code deviendrait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <span style='font-family:Verdana;color:#FF0000'>
    <b>Verdana rouge </b> verdana rouge ah ah ah!</span>
    et aurait l'effet voulu...

  11. #11
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    cela confirme que </b> ne signifie pas simplement d'arrêter le gras d'un texte.
    Ben si au contraire... Plus tous les styles qui lui sont associés notamment via l'attribut style.
    Or comme le code que tu présentes est pourri et pas conforme, le </b> implique aussi la fermeture du <span> à l'intérieur (vu que les balises doivent être imbriquées et donc ne doivent pas se chevaucher) ce qui provoque aussi la perte des styles qui lui sont associés.

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

Discussions similaires

  1. Gestion des polices
    Par italia57 dans le forum Android
    Réponses: 6
    Dernier message: 11/07/2012, 17h39
  2. [Lazarus] Gestion des polices dans l'EDI de Lazarus
    Par ovni76 dans le forum Lazarus
    Réponses: 1
    Dernier message: 19/03/2011, 12h19
  3. Gestion des polices avec canvas.drawText()
    Par macRiaz dans le forum Composants graphiques
    Réponses: 2
    Dernier message: 25/02/2010, 00h58
  4. Gestion des exceptions : logique qui m'étonne
    Par zax-tfh dans le forum VB.NET
    Réponses: 10
    Dernier message: 06/04/2007, 15h06
  5. [FLASH 8] Gestion des polices
    Par dom_dev dans le forum Flash
    Réponses: 9
    Dernier message: 16/11/2006, 16h35

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