Le seul problème est la différence d'interprétation des bordures entre les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand on y met une image et pas de texte (apparition de ce qui semble une marge inférieure alors que c'est la baseline du texte).
-- Olivier Miakinen
Le 18/11/2009 16:11, SAM a écrit :
Le seul problème est la différence d'interprétation des bordures entre
les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand
on y met une image et pas de texte (apparition de ce qui semble une
marge inférieure alors que c'est la baseline du texte).
Le seul problème est la différence d'interprétation des bordures entre les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand on y met une image et pas de texte (apparition de ce qui semble une marge inférieure alors que c'est la baseline du texte).
-- Olivier Miakinen
Olivier Masson
Bernd a écrit :
Il ya là une contradiction car Goetter dans son bouquin ne dissuade pas de l'utilisation des float et même les utilise largement sans dire cependant avec précision dans quel cas il le fait ou ne le ferait pas. Ce qui donc reste un peu flou.
Oui, c'est pourquoi je dis qu'il est "pas mal". J'ai fait une critique (sans l'énoncer clairement en fait) d'un bouquin sur PHP. On te donne des techniques, mais sans te dire quand les appliquer (donner un cas à la noix n'éclaire en rien sur l'utilité d'une technique plutôt qu'une autre)
Eric Meyer dans ses ouvrages te donnera encore plus de précisions sur ces questions mais c'est plus technique et exhaustif.
J'ai lu égalemen celui d'Andy Clarke, mais lui prend pas mal de liberté. Ceci dit, ça change du regard purement technique et c'est un livre agréable à lire.
Bernd a écrit :
Il ya là une contradiction car Goetter dans son bouquin ne dissuade pas
de l'utilisation des float et même les utilise largement sans dire
cependant avec précision dans quel cas il le fait ou ne le ferait pas.
Ce qui donc reste un peu flou.
Oui, c'est pourquoi je dis qu'il est "pas mal".
J'ai fait une critique (sans l'énoncer clairement en fait) d'un bouquin
sur PHP. On te donne des techniques, mais sans te dire quand les
appliquer (donner un cas à la noix n'éclaire en rien sur l'utilité d'une
technique plutôt qu'une autre)
Eric Meyer dans ses ouvrages te donnera encore plus de précisions sur
ces questions mais c'est plus technique et exhaustif.
J'ai lu égalemen celui d'Andy Clarke, mais lui prend pas mal de liberté.
Ceci dit, ça change du regard purement technique et c'est un livre
agréable à lire.
Il ya là une contradiction car Goetter dans son bouquin ne dissuade pas de l'utilisation des float et même les utilise largement sans dire cependant avec précision dans quel cas il le fait ou ne le ferait pas. Ce qui donc reste un peu flou.
Oui, c'est pourquoi je dis qu'il est "pas mal". J'ai fait une critique (sans l'énoncer clairement en fait) d'un bouquin sur PHP. On te donne des techniques, mais sans te dire quand les appliquer (donner un cas à la noix n'éclaire en rien sur l'utilité d'une technique plutôt qu'une autre)
Eric Meyer dans ses ouvrages te donnera encore plus de précisions sur ces questions mais c'est plus technique et exhaustif.
J'ai lu égalemen celui d'Andy Clarke, mais lui prend pas mal de liberté. Ceci dit, ça change du regard purement technique et c'est un livre agréable à lire.
Olivier Masson
Pascale a écrit :
Merci pour tes explications. Concrètement, dans le cas que j'ai exposé, quelle solution serait la plus « propre » ?
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles vouloir faire :) Il *faut* utiliser les tables si c'est approprié (en pensant aux summary, caption, tfoot, thead).
Sinon, tu peux toujours surfer vers là : http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien) http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je crois) http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de faire un design fluide ou pas.
Pascale a écrit :
Merci pour tes explications.
Concrètement, dans le cas que j'ai exposé, quelle solution serait la plus
« propre » ?
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles
vouloir faire :)
Il *faut* utiliser les tables si c'est approprié (en pensant aux
summary, caption, tfoot, thead).
Sinon, tu peux toujours surfer vers là :
http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien)
http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je crois)
http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de
faire un design fluide ou pas.
Merci pour tes explications. Concrètement, dans le cas que j'ai exposé, quelle solution serait la plus « propre » ?
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles vouloir faire :) Il *faut* utiliser les tables si c'est approprié (en pensant aux summary, caption, tfoot, thead).
Sinon, tu peux toujours surfer vers là : http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien) http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je crois) http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de faire un design fluide ou pas.
Pascale
Olivier Masson écrivait news:4b0433fa$0$31423$:
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles vouloir faire :)
Aaaaaah ! (o:
Il *faut* utiliser les tables si c'est approprié (en pensant aux summary, caption, tfoot, thead).
Voui.
Sinon, tu peux toujours surfer vers là : http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien) http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je crois) http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de faire un design fluide ou pas.
Je préfère en effet faire un design fluide, dans la mesure où je suis capable de le faire.
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles
vouloir faire :)
Aaaaaah ! (o:
Il *faut* utiliser les tables si c'est approprié (en pensant aux
summary, caption, tfoot, thead).
Voui.
Sinon, tu peux toujours surfer vers là :
http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien)
http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je
crois) http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de
faire un design fluide ou pas.
Je préfère en effet faire un design fluide, dans la mesure où je suis
capable de le faire.
Heu... faire un tableau avec <table> puisque c'est ce que tu sembles vouloir faire :)
Aaaaaah ! (o:
Il *faut* utiliser les tables si c'est approprié (en pensant aux summary, caption, tfoot, thead).
Voui.
Sinon, tu peux toujours surfer vers là : http://css-discuss.incutio.com/?page=ThreeColumnLayouts (vieux lien) http://layouts.ironmyers.com/ (basé sur le framework CSS de Yahoo je crois) http://blog.html.it/layoutgala/
Tout dépend de ce que tu mets dans tes colonnes et de ta volonté de faire un design fluide ou pas.
Je préfère en effet faire un design fluide, dans la mesure où je suis capable de le faire.
-- Pascale
SAM
Le 11/18/09 4:43 PM, Guy Gruais a écrit :
Bonjour,
Vous allez être infiniment heureux d'apprendre que SAM vient d'écrire :
<http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left.shtml> et dont je je ne sais comment y réagissent les IE Windows à ce jour.
Voir (IE7 sous XP SP3) . http://cjoint.com/?lsqPw6tBYa
Ha! Super! IE reste donc égal à lui-même en kkbouillant à son idée ;-)
Tandis que mes Opera, Safari, Firefox ... sont d'accords pour suivre le mode d'emploi.
Et est-ce qu'avec un doctype ça arrangerait ? <http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml>
-- sm
Le 11/18/09 4:43 PM, Guy Gruais a écrit :
Bonjour,
Vous allez être infiniment heureux d'apprendre que SAM vient d'écrire :
<http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left.shtml>
et dont je je ne sais comment y réagissent les IE Windows à ce jour.
Voir (IE7 sous XP SP3) .
http://cjoint.com/?lsqPw6tBYa
Ha! Super!
IE reste donc égal à lui-même en kkbouillant à son idée ;-)
Tandis que mes Opera, Safari, Firefox ... sont d'accords pour suivre le
mode d'emploi.
Et est-ce qu'avec un doctype ça arrangerait ?
<http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml>
Vous allez être infiniment heureux d'apprendre que SAM vient d'écrire :
<http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left.shtml> et dont je je ne sais comment y réagissent les IE Windows à ce jour.
Voir (IE7 sous XP SP3) . http://cjoint.com/?lsqPw6tBYa
Ha! Super! IE reste donc égal à lui-même en kkbouillant à son idée ;-)
Tandis que mes Opera, Safari, Firefox ... sont d'accords pour suivre le mode d'emploi.
Et est-ce qu'avec un doctype ça arrangerait ? <http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml>
-- sm
SAM
Le 11/18/09 5:01 PM, Olivier Miakinen a écrit :
Le 18/11/2009 16:11, SAM a écrit :
Le seul problème est la différence d'interprétation des bordures entre les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Je sais pô, j'ai pas d'IE.
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand on y met une image et pas de texte (apparition de ce qui semble une marge inférieure alors que c'est la baseline du texte).
Ben ... quoi qu'on fasse, il y a toujours des p'tts trucs qui merdoient. NC aussi blaguait avec ces histoires d'images.
-- sm
Le 11/18/09 5:01 PM, Olivier Miakinen a écrit :
Le 18/11/2009 16:11, SAM a écrit :
Le seul problème est la différence d'interprétation des bordures entre
les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Je sais pô, j'ai pas d'IE.
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand
on y met une image et pas de texte (apparition de ce qui semble une
marge inférieure alors que c'est la baseline du texte).
Ben ... quoi qu'on fasse, il y a toujours des p'tts trucs qui merdoient.
NC aussi blaguait avec ces histoires d'images.
Le seul problème est la différence d'interprétation des bordures entre les IE et les autres
Même si on met un DOCTYPE 4.01 avec URL conforme ?
Je sais pô, j'ai pas d'IE.
Ce qu'on n'a pas si emploi de tables.
Si je me rappelle bien, il y a un autre problème avec les tables, quand on y met une image et pas de texte (apparition de ce qui semble une marge inférieure alors que c'est la baseline du texte).
Ben ... quoi qu'on fasse, il y a toujours des p'tts trucs qui merdoient. NC aussi blaguait avec ces histoires d'images.
-- sm
Guy Gruais
Bonjour,
Vous allez être infiniment heureux d'apprendre que SAM vient d'écrire :
Et est-ce qu'avec un doctype ça arrangerait ? <http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml>
Hhhhhhhhheeeeeeeeeeeeuuuuuuuuuuuuuu, pas covaincant ! Résultat : http://cjoint.com/?lsvbFNoxzK
Et si je clique sur test : http://cjoint.com/?lsvc7uyWBB
Hhhhhhhhheeeeeeeeeeeeuuuuuuuuuuuuuu, pas convaincant ! Résultat : http://cjoint.com/?lsvbFNoxzK
Ah tiens, oui, avec IE j'ai la même chose.
Aye! Ouille! OuilleAyeAye ! cékoicebintz ?
Je serais toi, je regarderais là où il y a du document.all :
onmouseover="this.innerHTML='IE 5 Mac :'; if(document.all) this.style.backgroundImage='url(images/f_l_ie.png)';" onmouseout="this.innerHTML='Mozilla :' if(document.all) this.style.backgroundImage='url(images/f_l_moz.png)';;"
Par exemple, le « ; » qui manque à la 3e ligne et qui est doublé à la 4e, non ?
SAM
Le 11/19/09 3:31 PM, Olivier Miakinen a écrit :
Le 19/11/2009 12:08, SAM a écrit :
http://cjoint.com/?lsvbFNoxzK
Ah tiens, oui, avec IE j'ai la même chose.
Aye! Ouille! OuilleAyeAye ! cékoicebintz ?
Je serais toi, je regarderais là où il y a du document.all :
onmouseover="this.innerHTML='IE 5 Mac :'; if(document.all) this.style.backgroundImage='url(images/f_l_ie.png)';" onmouseout="this.innerHTML='Mozilla :' if(document.all) this.style.backgroundImage='url(images/f_l_moz.png)';;"
Par exemple, le « ; » qui manque à la 3e ligne et qui est doublé à la 4e, non ?
Non, ça ça ne doit pas influer. Tout au plus le changement d'image ne fonctionnera pas au survol (mais non, ça fonctionne même en le gardant, vérifié at home)
C'était une erreur de nettoyage du vieux vichier oublié d'enlever un <!-- dans les CSS :-(
Bon, le corrigé a été remis en ligne : <http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml> cette fois j'ai perdu 10mn à l'essayer dans mon émulateur IE7 XP SP2 et ... ... il fonctionne impeccablement aussi mal que l'autre sans doc-type :-( bien la peine de se décarcasser à essayer de faire du "propre" !
-- sm
Le 11/19/09 3:31 PM, Olivier Miakinen a écrit :
Le 19/11/2009 12:08, SAM a écrit :
http://cjoint.com/?lsvbFNoxzK
Ah tiens, oui, avec IE j'ai la même chose.
Aye! Ouille! OuilleAyeAye !
cékoicebintz ?
Je serais toi, je regarderais là où il y a du document.all :
onmouseover="this.innerHTML='IE 5 Mac :';
if(document.all) this.style.backgroundImage='url(images/f_l_ie.png)';"
onmouseout="this.innerHTML='Mozilla :'
if(document.all) this.style.backgroundImage='url(images/f_l_moz.png)';;"
Par exemple, le « ; » qui manque à la 3e ligne et qui est doublé à la
4e, non ?
Non, ça ça ne doit pas influer.
Tout au plus le changement d'image ne fonctionnera pas au survol
(mais non, ça fonctionne même en le gardant, vérifié at home)
C'était une erreur de nettoyage du vieux vichier
oublié d'enlever un <!--
dans les CSS :-(
Bon, le corrigé a été remis en ligne :
<http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml>
cette fois j'ai perdu 10mn à l'essayer dans mon émulateur IE7 XP SP2
et ...
... il fonctionne impeccablement aussi mal que l'autre sans doc-type
:-(
bien la peine de se décarcasser à essayer de faire du "propre" !
Je serais toi, je regarderais là où il y a du document.all :
onmouseover="this.innerHTML='IE 5 Mac :'; if(document.all) this.style.backgroundImage='url(images/f_l_ie.png)';" onmouseout="this.innerHTML='Mozilla :' if(document.all) this.style.backgroundImage='url(images/f_l_moz.png)';;"
Par exemple, le « ; » qui manque à la 3e ligne et qui est doublé à la 4e, non ?
Non, ça ça ne doit pas influer. Tout au plus le changement d'image ne fonctionnera pas au survol (mais non, ça fonctionne même en le gardant, vérifié at home)
C'était une erreur de nettoyage du vieux vichier oublié d'enlever un <!-- dans les CSS :-(
Bon, le corrigé a été remis en ligne : <http://pagesperso-orange.fr/stephane.moriaux/truc/demos/float_left_dt.shtml> cette fois j'ai perdu 10mn à l'essayer dans mon émulateur IE7 XP SP2 et ... ... il fonctionne impeccablement aussi mal que l'autre sans doc-type :-( bien la peine de se décarcasser à essayer de faire du "propre" !
