J'ai beau regarder les docs et les tutoriels existants, je ne trouve pas
d'explication satisfaisante sur l'usage et la signification de "clear".
Ce que je ne comprend pas c'est:
- qu'est-ce qui passe à la ligne apres le "clear"?
- qu'est ce que "clear" chamboule?
Jusque là je n'ai pas eu obligation de l'utiliser, mais je vois par
exemple que Joomla (les templates joomlart, plus exactement) l'utilise
beaucoup, et quand je customise ces templates en enlevant le "clear", ça
ne change pas grand chose...
En gros, j'ai regardé la théorie, je comprends pas.
J'ai expérimenté sur des cas de la vraie vie, je comprends pas.
Peut-être un des contributeurs de ce groupe aurait le "truc" qui
m'aiderai :)
Merci d'avance.
--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)
À (at) Wed, 19 Mar 2008 16:49:14 +0100, Pierre Goiffon écrivait (wrote):
Et je ne répèterai jamais assez que faire du XHTML à destination du Web apporte de très nombreuses contraintes pour un gain absolument nul. Lire : http://pgoiffon.free.fr/info/inet/html_ou_xhtml.php
Sur le fond, c'est assez vrai...
Par contre, j'ai beaucoup ri en lisant l'explication sur la traduction de "SHOULD" par "DOIT". C'est pourtant clair : "SHOULD" doit être traduit par "DEVRAIT" et non "DOIT" !
-- Paul Gaborit - <http://perso.enstimac.fr/~gaborit/>
À (at) Wed, 19 Mar 2008 16:49:14 +0100,
Pierre Goiffon <pgoiffon@free.fr.invalid> écrivait (wrote):
Et je ne répèterai jamais assez que faire du XHTML à destination du
Web apporte de très nombreuses contraintes pour un gain absolument
nul. Lire :
http://pgoiffon.free.fr/info/inet/html_ou_xhtml.php
Sur le fond, c'est assez vrai...
Par contre, j'ai beaucoup ri en lisant l'explication sur la traduction
de "SHOULD" par "DOIT". C'est pourtant clair : "SHOULD" doit être
traduit par "DEVRAIT" et non "DOIT" !
--
Paul Gaborit - <http://perso.enstimac.fr/~gaborit/>
À (at) Wed, 19 Mar 2008 16:49:14 +0100, Pierre Goiffon écrivait (wrote):
Et je ne répèterai jamais assez que faire du XHTML à destination du Web apporte de très nombreuses contraintes pour un gain absolument nul. Lire : http://pgoiffon.free.fr/info/inet/html_ou_xhtml.php
Sur le fond, c'est assez vrai...
Par contre, j'ai beaucoup ri en lisant l'explication sur la traduction de "SHOULD" par "DOIT". C'est pourtant clair : "SHOULD" doit être traduit par "DEVRAIT" et non "DOIT" !
-- Paul Gaborit - <http://perso.enstimac.fr/~gaborit/>
unbewusst.sein
SAM wrote:
Je veux exactement le Carnet ;-)
UN *** tout premier *** essai incomplet el ligne :
euh le ftp free est en trafic-jam ce soir, je mets ça au + tôt )))
en fait c'est une très bonne idée de m'avoir demandé "la totale"...
-- Une Bévue
Hugolino
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm> et ... ce n'est pas si mal avec ou sans CSS (pas regardé si IE ...)
J'utilise parfois ce type de flottage, mais j'ai un problème quand j'enjolive le texte avec une bordure.
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
--
Quant à Linux [..] trés bon système d'exploitation, mais difficile à implanter en entreprise, pour des raisons non techniques.
Dont celle-ci : Le singe préfère la voiture rouge. Hugo (né il y a 1 385 423 915 secondes)
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler :
<http://cjoint.com/data/dsrbmktVT2_flottage.htm>
et ... ce n'est pas si mal avec ou sans CSS
(pas regardé si IE ...)
J'utilise parfois ce type de flottage, mais j'ai un problème quand
j'enjolive le texte avec une bordure.
Le problème est que la bordure est aussi large que le body, elle ne
s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le
problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
l'image ?
--
Quant à Linux [..] trés bon système d'exploitation, mais difficile
à implanter en entreprise, pour des raisons non techniques.
Dont celle-ci : Le singe préfère la voiture rouge.
Hugo (né il y a 1 385 423 915 secondes)
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm> et ... ce n'est pas si mal avec ou sans CSS (pas regardé si IE ...)
J'utilise parfois ce type de flottage, mais j'ai un problème quand j'enjolive le texte avec une bordure.
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
--
Quant à Linux [..] trés bon système d'exploitation, mais difficile à implanter en entreprise, pour des raisons non techniques.
Dont celle-ci : Le singe préfère la voiture rouge. Hugo (né il y a 1 385 423 915 secondes)
Laurent vilday
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content, tant pis je me lance parce que c'est pas très clair ce que je viens de lire. Désolé de ne pas savoir mettre les formes à mon "propos".
J'utilise parfois ce type de flottage, mais j'ai un problème quand j'enjolive le texte avec une bordure.
Qu'est-ce à dire ? Tu places des bordures sur du texte, d'accord mais au delà de ça, ce qui importe c'est le type du tag utilisé. Et surtout c'est au final du inline, du block ou pire ?
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
Bordure aussi large que le body ? Je comprends rien, ça fait quand même une grosse bordure pour qu'elle vienne à prendre toute la place du body.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui te poses problème ? - Et au passage utiliser tes propres images (sur ton serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant ses images ? :) -
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour savoir *sans* équivoque de quoi tu parles
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Voici le bout de source sur lequel je me base d'après ton document :
<h1>La flottaison et son arrêt: comment ça fonctionne</h1> <img style="margin: 5px; padding: 5px; float: right;" src="asm1.gif" alt="">
Deux solutions :
1) tu enlèves la marge droite de 5px que tu appliques à l'image dans son style inline
2) tu appliques la même marge droite au <h1> que celle que tu appliques à ton image
-- laurent
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler :
<http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content, tant pis je me
lance parce que c'est pas très clair ce que je viens de lire. Désolé de
ne pas savoir mettre les formes à mon "propos".
J'utilise parfois ce type de flottage, mais j'ai un problème quand
j'enjolive le texte avec une bordure.
Qu'est-ce à dire ? Tu places des bordures sur du texte, d'accord mais au
delà de ça, ce qui importe c'est le type du tag utilisé. Et surtout
c'est au final du inline, du block ou pire ?
Le problème est que la bordure est aussi large que le body, elle ne
s'arrête pas à l'image qui flotte à droite.
Bordure aussi large que le body ? Je comprends rien, ça fait quand même
une grosse bordure pour qu'elle vienne à prendre toute la place du body.
J'ai repris ton exemple (très didactique et clair) pour montrer le
problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui
te poses problème ? - Et au passage utiliser tes propres images (sur ton
serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant
ses images ? :) -
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour
savoir *sans* équivoque de quoi tu parles
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme
indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01
Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5",
"H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans
le "BODY" actuellement.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant
de reproduire le problème sans équivoque possible, expliquer de manière
cohérente et intelligible le problème rencontré et expliquer tout aussi
intelligiblement (en vrai français) le résultat attendu.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et
<IMG> de ton document, et en considérant que tu veuilles que la bordure
droite de l'image touche la bordure droite du titre.
Voici le bout de source sur lequel je me base d'après ton document :
<h1>La flottaison et son arrêt: comment ça fonctionne</h1>
<img style="margin: 5px; padding: 5px; float: right;"
src="asm1.gif" alt="">
Deux solutions :
1) tu enlèves la marge droite de 5px que tu appliques à l'image dans son
style inline
2) tu appliques la même marge droite au <h1> que celle que tu appliques
à ton image
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content, tant pis je me lance parce que c'est pas très clair ce que je viens de lire. Désolé de ne pas savoir mettre les formes à mon "propos".
J'utilise parfois ce type de flottage, mais j'ai un problème quand j'enjolive le texte avec une bordure.
Qu'est-ce à dire ? Tu places des bordures sur du texte, d'accord mais au delà de ça, ce qui importe c'est le type du tag utilisé. Et surtout c'est au final du inline, du block ou pire ?
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
Bordure aussi large que le body ? Je comprends rien, ça fait quand même une grosse bordure pour qu'elle vienne à prendre toute la place du body.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui te poses problème ? - Et au passage utiliser tes propres images (sur ton serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant ses images ? :) -
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour savoir *sans* équivoque de quoi tu parles
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Voici le bout de source sur lequel je me base d'après ton document :
<h1>La flottaison et son arrêt: comment ça fonctionne</h1> <img style="margin: 5px; padding: 5px; float: right;" src="asm1.gif" alt="">
Deux solutions :
1) tu enlèves la marge droite de 5px que tu appliques à l'image dans son style inline
2) tu appliques la même marge droite au <h1> que celle que tu appliques à ton image
-- laurent
SAM
Hugolino a écrit :
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
N'as-tu pas lue l'intervention de Laurent ?
<p style="overflow: hidden; border: solid red ... ^^^^^^^^^^^^^^^^^
et ne pas me demander pourquoi ça résout le problème. (en tous cas dans mon Fx) C'est un réel mystère ... 'hidden' est censé "rogner" et donc cacher le texte débordant, je vois pas pourquoi c'est ici équivalent à "auto" ?!
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans doute à cause de IE ?
-- sm
Hugolino a écrit :
Le problème est que la bordure est aussi large que le body, elle ne
s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le
problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
l'image ?
N'as-tu pas lue l'intervention de Laurent ?
<p style="overflow: hidden; border: solid red ...
^^^^^^^^^^^^^^^^^
et ne pas me demander pourquoi ça résout le problème.
(en tous cas dans mon Fx)
C'est un réel mystère ... 'hidden' est censé "rogner" et donc cacher le
texte débordant, je vois pas pourquoi c'est ici équivalent à "auto" ?!
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans
doute à cause de IE ?
Le problème est que la bordure est aussi large que le body, elle ne s'arrête pas à l'image qui flotte à droite.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
N'as-tu pas lue l'intervention de Laurent ?
<p style="overflow: hidden; border: solid red ... ^^^^^^^^^^^^^^^^^
et ne pas me demander pourquoi ça résout le problème. (en tous cas dans mon Fx) C'est un réel mystère ... 'hidden' est censé "rogner" et donc cacher le texte débordant, je vois pas pourquoi c'est ici équivalent à "auto" ?!
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans doute à cause de IE ?
-- sm
Laurent vilday
SAM a écrit :
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans doute à cause de IE ?
Oups, j'ai encore du mal m'exprimer.
PPK, celui par qui j'ai découvert ce comportement, dit qu'il faut utiliser hidden de préférence à cause de IE Mac qui affiche toujours des scrollbars en "overflow:auto". <http://www.quirksmode.org/css/clearing.html>
Moi je dit : rien à foutre de IE Mac.
J'utilise la valeur 'auto' qui me semble plus logique et je n'ai jamais rencontré de problème avec "overflow:auto". Pas de problème dans le sens où quand ça ne "fonctionnait" pas comme espéré, c'était en fait toujours à cause d'un héritage CSS parasitaire qui foutait la zone.
-- laurent
SAM a écrit :
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans
doute à cause de IE ?
Oups, j'ai encore du mal m'exprimer.
PPK, celui par qui j'ai découvert ce comportement, dit qu'il faut
utiliser hidden de préférence à cause de IE Mac qui affiche toujours des
scrollbars en "overflow:auto".
<http://www.quirksmode.org/css/clearing.html>
Moi je dit : rien à foutre de IE Mac.
J'utilise la valeur 'auto' qui me semble plus logique et je n'ai jamais
rencontré de problème avec "overflow:auto". Pas de problème dans le sens
où quand ça ne "fonctionnait" pas comme espéré, c'était en fait toujours
à cause d'un héritage CSS parasitaire qui foutait la zone.
Laurent dit qu'il faut utiliser 'hidden' de préférence à 'auto', sans doute à cause de IE ?
Oups, j'ai encore du mal m'exprimer.
PPK, celui par qui j'ai découvert ce comportement, dit qu'il faut utiliser hidden de préférence à cause de IE Mac qui affiche toujours des scrollbars en "overflow:auto". <http://www.quirksmode.org/css/clearing.html>
Moi je dit : rien à foutre de IE Mac.
J'utilise la valeur 'auto' qui me semble plus logique et je n'ai jamais rencontré de problème avec "overflow:auto". Pas de problème dans le sens où quand ça ne "fonctionnait" pas comme espéré, c'était en fait toujours à cause d'un héritage CSS parasitaire qui foutait la zone.
-- laurent
SAM
Laurent vilday a écrit :
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui te poses problème ? - Et au passage utiliser tes propres images (sur ton serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant ses images ? :) -
Mon serveur ... Orange ? surchargé ? JAMAIS ! ! !
mes 4 'tites images légères mises à ttes les sauces ? tt le monde doit déjà les avoir dans son cache. Quoi ? non ? pas tt le monde ? Ho! déçu je suis.
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour savoir *sans* équivoque de quoi tu parles
Ben y a des séparateurs horizontaux avé des sous-titres pour sérier les cas.
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est pas vrai ? Sont vraiment aussi c...ts que ça ?
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au vert, c'est donc tout bon. (encore que ... ouaip il dit que c'est du transitional) (faudrait qu'il un y ait un signal orange)
De toutes façons dans un div ou un body ça ne doit pas changer le comportement des recouvrements des blocks-boites.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté ne soit reproduit tt au long de l'évolution de cette page.
Bon, dans 15 jours elle sera détruite. Ouf !
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui glisse sous l'image s'il n'est pas overflowé. <http://cjoint.com/data/duc57vfpTN_float_lesson2.htm> (Tidy en est très content)
-- sm
Laurent vilday a écrit :
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler :
<http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
J'ai repris ton exemple (très didactique et clair) pour montrer le
problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui
te poses problème ? - Et au passage utiliser tes propres images (sur ton
serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant
ses images ? :) -
Mon serveur ... Orange ? surchargé ? JAMAIS ! ! !
mes 4 'tites images légères mises à ttes les sauces ?
tt le monde doit déjà les avoir dans son cache.
Quoi ? non ? pas tt le monde ? Ho! déçu je suis.
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour
savoir *sans* équivoque de quoi tu parles
Ben y a des séparateurs horizontaux avé des sous-titres pour sérier les cas.
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme
indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01
Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5",
"H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans
le "BODY" actuellement.
C'est pas vrai ?
Sont vraiment aussi c...ts que ça ?
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au
vert, c'est donc tout bon.
(encore que ... ouaip il dit que c'est du transitional)
(faudrait qu'il un y ait un signal orange)
De toutes façons dans un div ou un body ça ne doit pas changer le
comportement des recouvrements des blocks-boites.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant
de reproduire le problème sans équivoque possible, expliquer de manière
cohérente et intelligible le problème rencontré et expliquer tout aussi
intelligiblement (en vrai français) le résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté
ne soit reproduit tt au long de l'évolution de cette page.
Bon, dans 15 jours elle sera détruite. Ouf !
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et
<IMG> de ton document, et en considérant que tu veuilles que la bordure
droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui
glisse sous l'image s'il n'est pas overflowé.
<http://cjoint.com/data/duc57vfpTN_float_lesson2.htm>
(Tidy en est très content)
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Comment faire en sorte que la bordure s'arrête n'englobe pas aussi l'image ?
Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui te poses problème ? - Et au passage utiliser tes propres images (sur ton serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant ses images ? :) -
Mon serveur ... Orange ? surchargé ? JAMAIS ! ! !
mes 4 'tites images légères mises à ttes les sauces ? tt le monde doit déjà les avoir dans son cache. Quoi ? non ? pas tt le monde ? Ho! déçu je suis.
Parce que le "testcase" fourni utilise plein (trop) d'éléments pour savoir *sans* équivoque de quoi tu parles
Ben y a des séparateurs horizontaux avé des sous-titres pour sérier les cas.
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est pas vrai ? Sont vraiment aussi c...ts que ça ?
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au vert, c'est donc tout bon. (encore que ... ouaip il dit que c'est du transitional) (faudrait qu'il un y ait un signal orange)
De toutes façons dans un div ou un body ça ne doit pas changer le comportement des recouvrements des blocks-boites.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté ne soit reproduit tt au long de l'évolution de cette page.
Bon, dans 15 jours elle sera détruite. Ouf !
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui glisse sous l'image s'il n'est pas overflowé. <http://cjoint.com/data/duc57vfpTN_float_lesson2.htm> (Tidy en est très content)
-- sm
SAM
Une Bévue a écrit :
SAM wrote:
Je veux exactement le Carnet ;-)
UN *** tout premier *** essai incomplet el ligne :
à quoi bon ? quand le 8 pas encore sortit est déjà pas à la page ?
J'utilise la valeur 'auto' qui me semble plus logique
Ha ! j'ai donc encore n'appris que partiellement.
De toutes façons ça reste pas clair cet overflow là. (si tant est que quoi que ce soit soit très clair dans ces CSS ...)
-- sm
Laurent vilday
SAM a écrit :
Laurent vilday a écrit :
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
C'est pas faute d'essayer d'abuser des smileys. :)
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est pas vrai ? Sont vraiment aussi c...ts que ça ?
Vi. Le HTML 4.01 strict c'est une saloperie, mais je te l'accorde pas autant que XHTML toute version confondue. Ca restreint sans rien améliorer. *LA* version à utiliser c'est la 4.01 transitional. Point barre.
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au vert, c'est donc tout bon. (encore que ... ouaip il dit que c'est du transitional)
Baam, donc bel et bien aucun intérêt d'être en strict.
(faudrait qu'il un y ait un signal orange)
Ca, faut voir avec l'auteur : <http://users.skynet.be/mgueury/mozilla/>
De toutes façons dans un div ou un body ça ne doit pas changer le comportement des recouvrements des blocks-boites.
Je pense pas non.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté ne soit reproduit tt au long de l'évolution de cette page.
Je doit être aveugle, j'ai beau fouiller je trouve pas.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui glisse sous l'image s'il n'est pas overflowé. <http://cjoint.com/data/duc57vfpTN_float_lesson2.htm> (Tidy en est très content)
Je dois vraiment parler une autre langue que celle que je crois en fait. Je suis désolé mais je ne comprends pas le problème. Quelle que soit la résolution appliquée ce que je vois sur tous mes navigateurs me semble être ce qu'on en attends suite au code fourni.
Je vais donc m'arrêter là car sans un jeu d'essai *minimaliste* je ne vois pas de quoi on parle. Désolé.
-- laurent
SAM a écrit :
Laurent vilday a écrit :
Hugolino a écrit :
Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
Néanmoins Firefox n'a pas l'air de râler :
<http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
C'est pas faute d'essayer d'abuser des smileys. :)
J'ai repris ton exemple (très didactique et clair) pour montrer le
problème : <http://roulaize.fr/vrac/flottage-border.htm>
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict*
(comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en
HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3",
"H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) )
hors il est dans le "BODY" actuellement.
C'est pas vrai ?
Sont vraiment aussi c...ts que ça ?
Vi. Le HTML 4.01 strict c'est une saloperie, mais je te l'accorde pas
autant que XHTML toute version confondue. Ca restreint sans rien
améliorer. *LA* version à utiliser c'est la 4.01 transitional. Point barre.
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au
vert, c'est donc tout bon.
(encore que ... ouaip il dit que c'est du transitional)
Baam, donc bel et bien aucun intérêt d'être en strict.
(faudrait qu'il un y ait un signal orange)
Ca, faut voir avec l'auteur :
<http://users.skynet.be/mgueury/mozilla/>
De toutes façons dans un div ou un body ça ne doit pas changer le
comportement des recouvrements des blocks-boites.
Je pense pas non.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments
permettant de reproduire le problème sans équivoque possible,
expliquer de manière cohérente et intelligible le problème rencontré
et expliquer tout aussi intelligiblement (en vrai français) le
résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté
ne soit reproduit tt au long de l'évolution de cette page.
Je doit être aveugle, j'ai beau fouiller je trouve pas.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et
<IMG> de ton document, et en considérant que tu veuilles que la
bordure droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui
glisse sous l'image s'il n'est pas overflowé.
<http://cjoint.com/data/duc57vfpTN_float_lesson2.htm>
(Tidy en est très content)
Je dois vraiment parler une autre langue que celle que je crois en fait.
Je suis désolé mais je ne comprends pas le problème. Quelle que soit la
résolution appliquée ce que je vois sur tous mes navigateurs me semble
être ce qu'on en attends suite au code fourni.
Je vais donc m'arrêter là car sans un jeu d'essai *minimaliste* je ne
vois pas de quoi on parle. Désolé.
Néanmoins Firefox n'a pas l'air de râler : <http://cjoint.com/data/dsrbmktVT2_flottage.htm>
Bon on va encore me reprocher de jamais être content,
Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.
C'est pas faute d'essayer d'abuser des smileys. :)
J'ai repris ton exemple (très didactique et clair) pour montrer le problème : <http://roulaize.fr/vrac/flottage-border.htm>
Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01 Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" ou "ADDRESS" (je crois pas en oublier :) ) hors il est dans le "BODY" actuellement.
C'est pas vrai ? Sont vraiment aussi c...ts que ça ?
Vi. Le HTML 4.01 strict c'est une saloperie, mais je te l'accorde pas autant que XHTML toute version confondue. Ca restreint sans rien améliorer. *LA* version à utiliser c'est la 4.01 transitional. Point barre.
Moi je regarde l'indicateur du Tidy embarqué par mon Fx : là il est au vert, c'est donc tout bon. (encore que ... ouaip il dit que c'est du transitional)
Baam, donc bel et bien aucun intérêt d'être en strict.
(faudrait qu'il un y ait un signal orange)
Ca, faut voir avec l'auteur : <http://users.skynet.be/mgueury/mozilla/>
De toutes façons dans un div ou un body ça ne doit pas changer le comportement des recouvrements des blocks-boites.
Je pense pas non.
C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant de reproduire le problème sans équivoque possible, expliquer de manière cohérente et intelligible le problème rencontré et expliquer tout aussi intelligiblement (en vrai français) le résultat attendu.
Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non respecté ne soit reproduit tt au long de l'évolution de cette page.
Je doit être aveugle, j'ai beau fouiller je trouve pas.
Sinon, en considérant que tu parles des 2 premiers éléments <H1> et <IMG> de ton document, et en considérant que tu veuilles que la bordure droite de l'image touche la bordure droite du titre.
Il parle du P limité à droite par l'image flottante.
Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui glisse sous l'image s'il n'est pas overflowé. <http://cjoint.com/data/duc57vfpTN_float_lesson2.htm> (Tidy en est très content)
Je dois vraiment parler une autre langue que celle que je crois en fait. Je suis désolé mais je ne comprends pas le problème. Quelle que soit la résolution appliquée ce que je vois sur tous mes navigateurs me semble être ce qu'on en attends suite au code fourni.
Je vais donc m'arrêter là car sans un jeu d'essai *minimaliste* je ne vois pas de quoi on parle. Désolé.
