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 :

[HTML] Remplacer blockquote


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Inscrit en
    Août 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 6
    Par défaut [HTML] Remplacer blockquote
    Bonjour,

    Avec le simple code suivant :

    <blockquote>
    <p>TSIPC.NET vous propose des liens sur la recherche scientifique de plusieurs natures.</p>
    </blockquote>

    Ça s'affiche très bien sous IE7, mais sous Firefox, Opera, Safari, c'est l'horreur. J'ai essayé de remplacer <blockquote> par <ul>, même résultat. L'espacement est trop grand sous les autres navigateurs.

    Comment puis-je remplacer <blockquote> pour avoir exactement le même affichage actuel sous IE, avec les autres navigateurs ?

    L'URL d'origine est :

    http://tsipc.net/partenariat.htm (enfin, presque toute les pages du site ne s'affichent pas correctement sous Firefox, Safari et Opera).

    Je vous le donne en mille, le site est fait à 100% avec FrontPage 2003. Cependant, mon unique problème est le code si haut. Le fameux <blockquote>.

    Merci d'avance.

  2. #2
    Membre émérite 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
    Par défaut
    Bonjour,

    J'ai l'impression que le problème ne vient pas des <blockquote> mais des marges de tes titres <h5>.

    Essaie de mettre des marges nulles sur h5 pour voir...


  3. #3
    Membre à l'essai
    Inscrit en
    Août 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 6
    Par défaut
    Merci d'avoir répondu . Tu es tombé pile dessus, <blockquote> n'avait rien à voir. C'était bien les <h5>. J'ai remplacé par :

    <font size="5">Mon texte</font>

    Et c'est identique avec tout les navigateurs.

    Citation Envoyé par c_s_s Voir le message
    Bonjour,

    J'ai l'impression que le problème ne vient pas des <blockquote> mais des marges de tes titres <h5>.

    Essaie de mettre des marges nulles sur h5 pour voir...


  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par tsipc Voir le message
    Ça s'affiche très bien sous IE7, mais sous Firefox, Opera, Safari, c'est l'horreur. J'ai essayé de remplacer <blockquote> par <ul>, même résultat. L'espacement est trop grand sous les autres navigateurs.
    Le comportement des navigateurs alternatifs est tout à fait standard: les marges verticales adjacentes fusionnent afin que ne soit conservé que la valeur la plus grande, en l'occurrence ici celle du H5. IE7 lui, fait l'inverse en ne conservant que la marge du blockquote.

    Mis appart ça, il faut éviter d'utiliser des éléments HTML détournés de leur destination initiale à des fin de présentation, l'élément blockquote est réservé aux citations longues, point barre.
    Malheureusement, des editeurs aussi réputés que Dreamweaver favorisent encore ce genre de pratiques via l'édition en wysiwyg qui génère un blockquote avec la fonction d'indentation.

    Contentes toi d'un p.

  5. #5
    Membre à l'essai
    Inscrit en
    Août 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 6
    Par défaut
    Merci également d'avoir prit le temps de répondre.

    Avec le <p> à la place de <blockquote> ça fonctionnait mais le texte allait à gauche, je perdais le block de texte au centre. Le <h5> était la cause de mon problème, bien que ton <p> pouvait également à la rigueur corriger mon problème, mais je perdais le texte là où je le voulais.

    Cependant j'en sais désormais bien plus avec ta réponse plus que complète et si généreuse. Merci beaucoup.

    Citation Envoyé par Erwan31 Voir le message
    Le comportement des navigateurs alternatifs est tout à fait standard: les marges verticales adjacentes fusionnent afin que ne soit conservé que la valeur la plus grande, en l'occurrence ici celle du H5. IE7 lui, fait l'inverse en ne conservant que la marge du blockquote.

    Mis appart ça, il faut éviter d'utiliser des éléments HTML détournés de leur destination initiale à des fin de présentation, l'élément blockquote est réservé aux citations longues, point barre.
    Malheureusement, des editeurs aussi réputés que Dreamweaver favorisent encore ce genre de pratiques via l'édition en wysiwyg qui génère un blockquote avec la fonction d'indentation.

    Contentes toi d'un p.

  6. #6
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Tu peux indenter ton paragraphe via une marge gauche (propriété CSS margin-left) tout simplement.
    Pour info, l'élément font comme la majorité des éléments de présentations est maintenant déconseillé.
    Dans l'idéal (x)HTML devrait uniquement être destiné à structurer les contenus et non à gérer leur présentation.

    Attention: tu n'as pas mis de doctype en haut de ton document, tu es donc en mode quirks (faire une recherche pour des explications).

    Je te conseil donc d'ajouter ce doctype
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  7. #7
    Membre à l'essai
    Inscrit en
    Août 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 6
    Par défaut
    Encore merci Erwan31,

    En effet, j'ai fait lecture ici et là, et via ce lien :

    http://netavantage.ca/tp_html/doctype.htm

    Je constate l'importance d'avoir ça. Encore merci. Heu, curiosité, ton Avatar, c'est toi ?

  8. #8
    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
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par tsipc Voir le message
    Heu, curiosité, ton Avatar, c'est toi ?
    Oui, Erwan31 est une fille et a joué dans 'A bout de souffle' !!!
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par tsipc Voir le message
    Je constate l'importance d'avoir ça. Encore merci. Heu, curiosité, ton Avatar, c'est toi ?
    Non non j'suis pas une nana moi (remarque ya aussi des Erwann femme ) C'est la regrettée Jean Seberg dans le film "A bout de souffle" (merci Bovino), photo qui remonte à 1959!


    Pour ton problème, tu dois remplacer les align="center" par des marge latérales auto et un dimensionnement de la largeur s'il est asbent (margin:0 auto; width: ...px)

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

Discussions similaires

  1. [HTML][formulaire] remplacer "Enter" par "tabulation"
    Par anti-conformiste dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2006, 21h29
  2. Réponses: 9
    Dernier message: 23/07/2006, 20h18
  3. [PHP][HTML] remplacer des RC par des <br>
    Par Arnard dans le forum Langage
    Réponses: 2
    Dernier message: 26/06/2006, 21h21
  4. [RegEx] motif pour remplacer un mot dans du code HTML ...
    Par r-zo dans le forum Langage
    Réponses: 6
    Dernier message: 31/03/2006, 13h31
  5. [CSS] remplacement de tags html avec css
    Par wtfu dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 28/02/2006, 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