Page 1 sur 1

Problème de mise en page avec Firefox

Publié : 19 juil. 2006, 11:44
par Pierre B
Bonjour tout le monde

J'ai commencé à réaliser un site web, et en testant une page, rempli de caractère "-", je me suis aperçu que Firefox aligne tout les "-" qui sont entre les balises

Code : Tout sélectionner

<p> </p>
, et donc il ne fait pas de retour à la ligne.
Alors qu'avec des caractères tel que des lettres, il effectue des retour à la ligne suivant la largeur de la fenêtre. J'ai essayé avec d'autres balises, mais le résultat est le même.
Je me demandai simplement si c'était un petit bug ?

Pour plus de détail testez dans un page web ce code ci :

Code : Tout sélectionner

<p>------------</p>
( mettez les "-" à l'infini )
et ceci

Code : Tout sélectionner

<p>aehjh...kdfhk</p>
( remplissez de lettres le contenu )

Je ne sais pas si je me suis fais bien comprendre, mais cela m'a un peu dérangé, pour ma mise en page.
Merci d'avance et bonne journée.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 19 juil. 2006, 11:53
par Flore
C'est vrai que c'est un bug super embêtant si tu comptes faire un site web entièrement rempli de ---- ad libitum...
Maintenant, si tu comptes y écrire des phrases, c'est un peu moins gênant. Pour info, quand on teste des mises en page, on n'utilise pas des (-----)n mais des textes, genre lorem ipsum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam non nisl ut erat aliquam gravida. Sed fermentum aliquam leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vel orci at neque posuere commodo. Nullam imperdiet. Curabitur vitae dui. Pellentesque congue turpis rutrum dolor. Praesent interdum dictum urna. Nunc fermentum, sapien non bibendum semper, risus leo pharetra justo, eu sagittis massa augue eget mauris. Fusce sollicitudin.

Nulla eu est. Etiam sed urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eu velit. Integer nulla. Maecenas ultricies, pede eget vestibulum volutpat, neque leo pharetra sapien, sed elementum mauris ipsum sed felis. Aenean porttitor enim ut purus. Nam quis lectus et elit aliquam egestas. Donec feugiat molestie metus. Nam eget leo. Etiam ornare, pede ac elementum ornare, metus enim accumsan sapien, in eleifend sem odio auctor elit.

Vivamus scelerisque. Fusce ac mi. Nam nisi felis, suscipit id, sodales non, blandit non, nunc. Nullam hendrerit. Nunc lacus mauris, consectetuer a, porttitor in, aliquet eu, elit. Etiam odio justo, scelerisque nec, sollicitudin convallis, rutrum at, tortor. Curabitur sit amet orci vitae purus vehicula venenatis. Nullam vitae sem. Suspendisse potenti. Ut luctus quam ut dolor. Aenean laoreet.

Aenean molestie mi at mi. Sed eu mauris. In fringilla orci eu ante. Aliquam bibendum dignissim lacus. Praesent mattis risus vulputate metus blandit cursus. Cras sit amet lacus at neque pretium pretium. Ut nisi. Praesent eu urna sed mauris suscipit blandit. Nunc sapien. Donec vitae dui. Vestibulum sagittis tortor id est. Etiam quis libero.

Quisque tristique commodo mi. Phasellus elementum libero id turpis. Suspendisse ligula. Aliquam est magna, ullamcorper et, viverra at, iaculis in, orci. Ut vehicula leo sit amet magna. Morbi sapien pede, bibendum id, pretium quis, sodales pulvinar, magna. Nulla metus. Quisque quam elit, interdum sodales, euismod pharetra, tincidunt ut, est. Proin luctus auctor quam. Maecenas quis dolor. Aenean et dui non ante tristique viverra. Morbi id neque. In rutrum. Donec et felis. Nulla facilisi.
Mais bon, c'est juste pour ne pas risquer que le lecteur s'attarde à lire le texte au lieu de regarder la mise en page... Trop ch... Cicéron, pas de danger qu'on le lise :lol: :lol: :lol:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

Publié : 19 juil. 2006, 12:41
par Pierre B
Merci de ta réponse

En fait je me servais des "-" pour donner du style, mais je vais revoir ma conception graphique et passer au latin :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 19 juil. 2006, 18:28
par calimo
Pierre B a écrit : Alors qu'avec des caractères tel que des lettres, il effectue des retour à la ligne suivant la largeur de la fenêtre. J'ai essayé avec d'autres balises, mais le résultat est le même.
Je me demandai simplement si c'était un petit bug ?
Pourquoi ce serait un bug ? Il n'y a aucun caractère de retour à la ligne (espace, tiret conditionnel ou autre), donc je ne vois strictement aucune raison de faire un retour à la ligne… qu'est-ce qui te fait penser que ça devrait :?:
C'est vraiment une idée saugrenue :?
Pierre B a écrit : En fait je me servais des "-" pour donner du style, mais je vais revoir ma conception graphique et passer au latin :wink:
Pour donner du style, il existe les feuilles de style CSS (Cascading StyleSheets) qui sont conçues exprès dans ce but :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firebird Firefox/1.5.0.4

Publié : 19 juil. 2006, 19:18
par HP
calimo a écrit :Pourquoi ce serait un bug ? Il n'y a aucun caractère de retour à la ligne (espace, tiret conditionnel ou autre), donc je ne vois strictement aucune raison de faire un retour à la ligne… qu'est-ce qui te fait penser que ça devrait :?:
C'est vraiment une idée saugrenue :?
enfin quand on veut éviter les retours à la ligne on utilise nowrap (en attribut ou mieux en CSS) alors pourquoi une succession de tirets ne retourne pas à la ligne ? devrait elle le faire ?

c'et vrai que le - est aussi un "trait d'union" mais ça ne gêne pas IE pour y faire un retour à la ligne en cas de nécessité :roll: :shock:
donc je pense que notre ami se base sur le comportement de IE pour voir un bug chez Firefox !

à part çà, pour tirer des lignes, il existe la balise <hr /> qui ne sert qu'à çà
ou les border en CSS (ou les deux à la fois), utiliser une succession de - est une absurdité de toute façon.

d'ailleurs on a un exemple de genre d'absurdité ici même avec phpBB et les signatures :lol:

Publié : 19 juil. 2006, 19:32
par calimo
nowrap
Cette valeur provoque la fusion des caractères blancs comme pour 'normal' mais supprime les retours à la ligne d'un texte, sauf les retours à la ligne induits par la séquence "\A" dans un contenu généré (ex. comme l'élément BR en HTML).
On parle de supprimer les retours à la ligne possibles, donc pour moi justement les espaces…
Si l'on reprend la définition de normal :
normal
Cette valeur enjoint aux agents utilisateurs de fusionner les séquences de caractères blancs et d'effectuer des retours à la ligne de manière appropriée pour remplir les boîtes de ligne. Dans un contenu généré, les survenues de la séquence de caractères "\A" peuvent produire d'autres retours à la ligne (ex. comme l'élément BR en HTML) ;
C'est terriblement vague, il n'est pas indiqué qu'est-ce que veut dire "approprié", sur quels caractères ça s'applique. Mais pour ma part, ça ne me semble pas correct de vouloir couper un mot comme ça.

Si on souhaite qu'un mot puisse être coupé si nécessaire, on utilise un trait d'union virtuel (&shy;). Je n'aimerais pas qu'un mot soit coupé comme ça juste par un retour à la ligne. Il faut que ce soit fait dans les règles de l'art :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firebird Firefox/1.5.0.4

Publié : 19 juil. 2006, 19:43
par HP
voir aussi :
Trait d'union (typographie) - Wikipédia
Le trait d'union, en raison de la facilité qu'on a à l'atteindre sur les claviers, est fautivement utilisé de plus en plus fréquemment à la place du tiret (qui n'est pas directement accessible dans les configurations courantes) ; or, autant leur œil que leur fonction diffèrent voire sont opposés : le trait d'union unit, le tiret divise.
mince alors, le "moins" du clavier numérique n'a rien à voir avec un trait d'union :shock: :?

Publié : 19 juil. 2006, 23:28
par Benoit
HP a écrit :mince alors, le "moins" du clavier numérique n'a rien à voir avec un trait d'union :shock: :?
Si si, le paragraphe n'est pas très clair mais c'est en fait avec le tiret qu'il n'a rien à voir (le tiret est plus long).

Le caractère sur le pavé numérique est U+002D soit "HYPHEN-MINUS" (trait d'union-moins). Il y a un autre "moins" tout seul plus loin dans la plage unicode, mais ce n'est pas celui du pavé numérique.

Publié : 19 juil. 2006, 23:55
par HP
Benoit a écrit :Si si, le paragraphe n'est pas très clair mais c'est en fait avec le tiret qu'il n'a rien à voir (le tiret est plus long).
ah ! cool ...
alors le tiret long c'est lui — ?
moi je le fais avec Maj+6 parce que j'ai le keyboard de psydk
mais il sert à quoi ce tiret là ?

le moins serait donc un trait d'union ?
donc IE serait dans les choux en autorisant un retour à la ligne ici ! :?

Publié : 20 juil. 2006, 14:49
par Asumbaa
HP a écrit :alors le tiret long c'est lui — ?
moi je le fais avec Maj+6 parce que j'ai le keyboard de psydk
mais il sert à quoi ce tiret là ?
En suivant les liens plus haut, on arrive sur cette page : Métaphysique du tiret avec des exemples d'utilisation vers les deux-tiers :)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4