[HTML] Remplacer blockquote

Version imprimable

09/08/2008, 01h59
tsipc

[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.
09/08/2008, 14h43
c_s_s

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

;)
09/08/2008, 20h54
Erwan31

Citation:

Envoyé par tsipc

Ç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.
10/08/2008, 00h15
tsipc

Merci d'avoir répondu :king:. 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. :yaisse2:

Citation:

Envoyé par c_s_s

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

;)
10/08/2008, 00h19
tsipc

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. 8-)

Citation:

Envoyé par Erwan31

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.
10/08/2008, 00h53
Erwan31

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11/08/2008, 22h01
tsipc

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 ?
11/08/2008, 22h20
Bovino

Citation:

Envoyé par tsipc

Heu, curiosité, ton Avatar, c'est toi ?

Oui, Erwan31 est une fille et a joué dans 'A bout de souffle' !!!
12/08/2008, 03h04
tsipc

Erwan31,

J'ai copié sur une de mes pages le :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Ici : http://tsipc.net/astronomie.htm et regarde le résultat, ça centre tout et c'est pas beau. Ça enlève l'effet <blockquote> pour donner plutôt un <center>

Merci
12/08/2008, 16h46
Erwan31

Citation:

Envoyé par tsipc

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

:mrgreen: Non non j'suis pas une nana moi :aie: (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)
12/08/2008, 22h18
Bovino

Citation:

Envoyé par Erwan31

:mrgreen: Non non j'suis pas une nana moi :aie: (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!

Superbe femme et merci Erwan de la faire vivre !