Bonjour,
Pour la page http://www.champignytriathlon.org/periples/irlande/eire20030406
(entre autres), j'ai un problème d'alignement du texte quand la page passe en
800x600 avec Firefox 0.8. Pour le paragraphe "A 7h50", seul le "A" s'affiche à
droite des blocs images. Le même problème se pose avec IE 6, mais pour une autre
résolution. En fait, quand on réduit la taille du navigateur suffisamment, le
texte commence à descendre sous l'image, mais il reste souvent 1 ou 2
caractères.
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Leonick
"vrxl5" a écrit dans le message de news:40effa39$0$17507$
Leonick wrote: > Pour la page http://www.champignytriathlon.org/periples/irlande/eire20030406 C'est dommage de ne pas utiliser les standards en mode strict. Votre page s'afficherait plus vite, et vous n'auriez pas autant d'umbroglio dans votre code. À vue de nez, votre code serait deux fois moins lourd, et vous gagnerez en sémantique. Penchez-vous notamment sur ce qui se trouve à l'intérieur de <head>...
En fait, après avoir lu certains messages relatifs au référencement et qux META, je viens de supprimer les META Keyword dans le HEAD.
Quelle idée aussi de mettre vos images en "float : left;" alors qu'elle prenne toute la largeur de la page ?? Soit vous les mettiez en float:left en file verticale, soit vous les mettiez sans float:left en ligne horizontale, mais le mélange des deux genres vous procurera sans doute des désagréments.
Les images prennent toute la largeur quand la largeur du navigateur le permet, mais sinon, elles passent les une en dessous des autres. En fait, cette page permet de voir certains problèmes qui apparaissent fréquemment avec les images accolées au texte.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le texte glisse ensuite sous les images.
Rapidement, -- Alan
Leonick
"vrxl5" <vrxl5@haltospam.com> a écrit dans le message de
news:40effa39$0$17507$636a15ce@news.free.fr...
Leonick wrote:
> Pour la page http://www.champignytriathlon.org/periples/irlande/eire20030406
C'est dommage de ne pas utiliser les standards en mode strict. Votre
page s'afficherait plus vite, et vous n'auriez pas autant d'umbroglio
dans votre code. À vue de nez, votre code serait deux fois moins lourd,
et vous gagnerez en sémantique.
Penchez-vous notamment sur ce qui se trouve à l'intérieur de <head>...
En fait, après avoir lu certains messages relatifs au référencement et qux META,
je viens de supprimer les META Keyword dans le HEAD.
Quelle idée aussi de mettre vos images en "float : left;" alors qu'elle
prenne toute la largeur de la page ?? Soit vous les mettiez en
float:left en file verticale, soit vous les mettiez sans float:left en
ligne horizontale, mais le mélange des deux genres vous procurera sans
doute des désagréments.
Les images prennent toute la largeur quand la largeur du navigateur le permet,
mais sinon, elles passent les une en dessous des autres. En fait, cette page
permet de voir certains problèmes qui apparaissent fréquemment avec les images
accolées au texte.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à
fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela
ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le
texte glisse ensuite sous les images.
"vrxl5" a écrit dans le message de news:40effa39$0$17507$
Leonick wrote: > Pour la page http://www.champignytriathlon.org/periples/irlande/eire20030406 C'est dommage de ne pas utiliser les standards en mode strict. Votre page s'afficherait plus vite, et vous n'auriez pas autant d'umbroglio dans votre code. À vue de nez, votre code serait deux fois moins lourd, et vous gagnerez en sémantique. Penchez-vous notamment sur ce qui se trouve à l'intérieur de <head>...
En fait, après avoir lu certains messages relatifs au référencement et qux META, je viens de supprimer les META Keyword dans le HEAD.
Quelle idée aussi de mettre vos images en "float : left;" alors qu'elle prenne toute la largeur de la page ?? Soit vous les mettiez en float:left en file verticale, soit vous les mettiez sans float:left en ligne horizontale, mais le mélange des deux genres vous procurera sans doute des désagréments.
Les images prennent toute la largeur quand la largeur du navigateur le permet, mais sinon, elles passent les une en dessous des autres. En fait, cette page permet de voir certains problèmes qui apparaissent fréquemment avec les images accolées au texte.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le texte glisse ensuite sous les images.
Rapidement, -- Alan
Leonick
vrxl5
Leonick wrote:
Les images prennent toute la largeur quand la largeur du navigateur le permet, mais sinon, elles passent les une en dessous des autres. En fait, cette page permet de voir certains problèmes qui apparaissent fréquemment avec les images accolées au texte.
Ah si vous voulez faire une page qui montre les problèmes des basses résolutions, ok. Sinon, enlever le float:left, et tout rentrera de l'ordre. Je suis justement en 800x600.
Anyway, c'est d'ailleurs un défaut en CSS : le texte ne peut pas suivre le contour d'une image, ou passer "à travers" une image. Mais bon, c ainsi.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le texte glisse ensuite sous les images.
Je parlais d'en rajouter un. Mais de toute façon, comme je l'ai dit, ça ne sert à rien.
Amicalement, -- vrxl5
Leonick wrote:
Les images prennent toute la largeur quand la largeur du navigateur le permet,
mais sinon, elles passent les une en dessous des autres. En fait, cette page
permet de voir certains problèmes qui apparaissent fréquemment avec les images
accolées au texte.
Ah si vous voulez faire une page qui montre les problèmes des basses
résolutions, ok.
Sinon, enlever le float:left, et tout rentrera de l'ordre.
Je suis justement en 800x600.
Anyway, c'est d'ailleurs un défaut en CSS : le texte ne peut pas suivre
le contour d'une image, ou passer "à travers" une image. Mais bon, c ainsi.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à
fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela
ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le
texte glisse ensuite sous les images.
Je parlais d'en rajouter un. Mais de toute façon, comme je l'ai dit, ça
ne sert à rien.
Les images prennent toute la largeur quand la largeur du navigateur le permet, mais sinon, elles passent les une en dessous des autres. En fait, cette page permet de voir certains problèmes qui apparaissent fréquemment avec les images accolées au texte.
Ah si vous voulez faire une page qui montre les problèmes des basses résolutions, ok. Sinon, enlever le float:left, et tout rentrera de l'ordre. Je suis justement en 800x600.
Anyway, c'est d'ailleurs un défaut en CSS : le texte ne peut pas suivre le contour d'une image, ou passer "à travers" une image. Mais bon, c ainsi.
Si vous persistez à vouloir faire ça, vous pouvez toujours vous amusez à fixer une boîte <div> contenant vos <p> d'une largeur minimum, mais cela ne marchera que dans les navigateurs évolués... quoique.
Non, car le DIV encadrant le texte est beaucoup plus large que cela, vu que le texte glisse ensuite sous les images.
Je parlais d'en rajouter un. Mais de toute façon, comme je l'ai dit, ça ne sert à rien.
