Commentaires sur : Un beau bouton submit avec CSS http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109 Lyxia.org Thu, 28 Aug 2008 03:56:03 +0000 http://wordpress.org/?v=abc Par : Reg http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-5765 Reg Fri, 01 Aug 2008 12:54:38 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-5765 Oui c'est tout à fait pertinent comme remarque ... hélas les boss ne font pas toujours des choix très judicieux (et montrent par la même qu'ils sont un peu à côté de la plaque). On ne te blâmera pas pour cela, mais en publiant un tutoriel à ce sujet, tu tentes le diable ;) Allez courage, dans peu de temps on en sera totalement débarrassé de cette sa@#&é d'IE6. Oui c’est tout à fait pertinent comme remarque … hélas les boss ne font pas toujours des choix très judicieux (et montrent par la même qu’ils sont un peu à côté de la plaque).
On ne te blâmera pas pour cela, mais en publiant un tutoriel à ce sujet, tu tentes le diable ;)

Allez courage, dans peu de temps on en sera totalement débarrassé de cette sa@#&é d’IE6.

]]> Par : jbj http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-5651 jbj Thu, 31 Jul 2008 05:35:37 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-5651 D'accord avec toi à 100%. Le seul problème c'est que quand tu es salarié, c'est ton boss qui décide et pas toi...Si ça ne tenais qu'a moi je n'assurerais qu'une semi-compatibillité avec ie6, comme c'est le cas de ce blog par exemple. D’accord avec toi à 100%. Le seul problème c’est que quand tu es salarié, c’est ton boss qui décide et pas toi…Si ça ne tenais qu’a moi je n’assurerais qu’une semi-compatibillité avec ie6, comme c’est le cas de ce blog par exemple.

]]> Par : Reg http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-5644 Reg Thu, 31 Jul 2008 01:48:41 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-5644 Ni pire ni mieux. Sémantiquement, placer un submit dans un lien est totalement absurde ... d'autant plus si c'est juste pour obtenir un effet de rollover sur un navigateur de plus en plus obsolète. Faut vraiment avoir envie de perdre du temps et de la cohérence pour pas grand chose. Après chacun ses priorités, mais entre fournir un code relativement propre et contenter des utilisateurs minoritaires qui, au final, gagneraient plus à passer sur des navigateurs plus performants ... Ni pire ni mieux.

Sémantiquement, placer un submit dans un lien est totalement absurde … d’autant plus si c’est juste pour obtenir un effet de rollover sur un navigateur de plus en plus obsolète.

Faut vraiment avoir envie de perdre du temps et de la cohérence pour pas grand chose.

Après chacun ses priorités, mais entre fournir un code relativement propre et contenter des utilisateurs minoritaires qui, au final, gagneraient plus à passer sur des navigateurs plus performants …

]]> Par : hubombing http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-4750 hubombing Wed, 16 Jul 2008 08:14:38 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-4750 Zut le html n'est pas passé... Le voici : <a href="javascript:submitForm();"><span><input type="submit" /></span></a> Qu'en pensez-vous ? mieux ou pire ? Zut le html n’est pas passé…
Le voici :

<a href="javascript:submitForm();"><span><input type="submit" /></span></a>

Qu’en pensez-vous ? mieux ou pire ?

]]> Par : hubombing http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-4749 hubombing Wed, 16 Jul 2008 08:13:00 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-4749 En ce qui me concerne, j'aime bien la solution de a qui entoure le input, je le ferais un peu différemment ceci-dit... Mais plutôt que de mette javascript:void(); autant mettre submitForm(); une fonction à définir dans l'entête dont le but affiché est de faire un submit !... mais qui ne servira sans doute jamais... Pour moi, le seul but de placer un input submit plutôt qu'un simple texte c'est d'avoir la validation du formulaire lorsqu'un champs est validé par un retour clavier (entrée quoi)... [code] <a href="submitForm();" rel="nofollow"></a> puis : a { background-image: url('images/image.png'); } a:hover { background-image: url('images/secondeimage.png'); } a span { display:none; } [/code] En ce qui me concerne, j’aime bien la solution de a qui entoure le input, je le ferais un peu différemment ceci-dit…
Mais plutôt que de mette javascript:void(); autant mettre submitForm(); une fonction à définir dans l’entête dont le but affiché est de faire un submit !… mais qui ne servira sans doute jamais…
Pour moi, le seul but de placer un input submit plutôt qu’un simple texte c’est d’avoir la validation du formulaire lorsqu’un champs est validé par un retour clavier (entrée quoi)…

[code]

puis :

a {
background-image: url(’images/image.png’);
}
a:hover {
background-image: url(’images/secondeimage.png’);
}
a span { display:none; }

[/code]

]]> Par : aguillem http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-533 aguillem Thu, 06 Dec 2007 18:07:16 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-533 carrément pas chaud non plus. Pour te paraphraser, il faut parfois choisir entre du bidouillage horrible et ... mettre un peu de javascript. Et plus que le fait d'avoir un code "propre", il faut surtout essayer d'en avoir un accessible. Mais là un input dans un lien, c'est vrai a tomber par terre... Et puis Javascript n'est pas le supo de satan, du moment qu'il n'est pas intrusif. Et dans ce cas, il ne l'est pas du tout... Si javascript est désactivé, l'internaute ne vera pas l'effet rollover, mais je pense qu'il y survivra. carrément pas chaud non plus. Pour te paraphraser, il faut parfois choisir entre du bidouillage horrible et … mettre un peu de javascript. Et plus que le fait d’avoir un code “propre”, il faut surtout essayer d’en avoir un accessible. Mais là un input dans un lien, c’est vrai a tomber par terre…
Et puis Javascript n’est pas le supo de satan, du moment qu’il n’est pas intrusif. Et dans ce cas, il ne l’est pas du tout… Si javascript est désactivé, l’internaute ne vera pas l’effet rollover, mais je pense qu’il y survivra.

]]> Par : jimmy http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-517 jimmy Tue, 04 Dec 2007 07:26:12 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-517 salut, pour ma part, je ne suis pas très chaud à propos d'entourer un input par un lien. salut,
pour ma part, je ne suis pas très chaud à propos d’entourer un input par un lien.

]]> Par : jbj http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-505 jbj Sat, 01 Dec 2007 15:58:04 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-505 Salut, Tu noteras que je n'ai absolument pas dit que de mettre un input dans un lien était une méthode valide. Malheureusement, les lacunes d'IE6 forcent bien souvent à choisir entre codage propre et fonctionnalité.<br /> Ensuite, quand à la technique en elle même, je viens de revérifier au cas ou sur mon mac, et elle marche sans problème, tant sous Firefox que sous Safari. Salut,
Tu noteras que je n’ai absolument pas dit que de mettre un input dans un lien était une méthode valide. Malheureusement, les lacunes d’IE6 forcent bien souvent à choisir entre codage propre et fonctionnalité.
Ensuite, quand à la technique en elle même, je viens de revérifier au cas ou sur mon mac, et elle marche sans problème, tant sous Firefox que sous Safari.

]]> Par : papachu http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-504 papachu Sat, 01 Dec 2007 15:26:05 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-504 Salut, Bon c'est carrement pas valid comme méthode (input dans un lien...), et puis ta technique pour mettre une image ne marche pas sur Mac. Mieux vaut mettre un input type image et puis si vraiment il faut un rollover alors un peu de javascript... Chussss. Salut,
Bon c’est carrement pas valid comme méthode (input dans un lien…), et puis ta technique pour mettre une image ne marche pas sur Mac. Mieux vaut mettre un input type image et puis si vraiment il faut un rollover alors un peu de javascript…
Chussss.

]]> Par : Anonyme http://www.lyxia.org/blog/developpement/xhtmlcss/un-beau-bouton-submit-avec-css-109#comment-411 Anonyme Fri, 16 Nov 2007 20:37:00 +0000 http://www.lyxia.org/blog/developpement/un-beau-bouton-submit-avec-css-109#comment-411 <strong>Un beau bouton submit avec CSS...</strong> Styler un bouton submit nest pas toujours vident: Comme souvent avec les styles CSS, si lon souhaite assurrer une compatibilit cross-browser avec IE6, il faut prendre son mal en patience. Jai eu loccasion dtudier diverses techniques ce sujet, voici c... Un beau bouton submit avec CSS…

Styler un bouton submit nest pas toujours vident: Comme souvent avec les styles CSS, si lon souhaite assurrer une compatibilit cross-browser avec IE6, il faut prendre son mal en patience.
Jai eu loccasion dtudier diverses techniques ce sujet, voici c…

]]>