<input type="submit" value="Je voudrais passer ce lien sur 2 lignes. merci" style="white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; *word-wrap: break-word*; width:170px; height:50px; border:1px solid black; color:#fff; font-weight:bold;background:green; cursor:pointer; text-align:left;"/>
As-tu essayé ? Je fais passer mon texte pur sur X lignes sauf IE6. Le 10 février 2012 16:01, Jordi Vila Cornellas <[email protected]> a écrit : > J'ai pensé au coup de l'input type=image mais dans ce cas il faut du > javascript pour valider le formulaire... et si on enlève javascript, on n'a > plus de validation. ça c'est bloquant. > > Pour répondre à Philippe : je n'ai pas la main sur le graphisme, je suis > exécutant. Donc je dois rendre ce bouton tel qu'il a été fourni par le > client (c'est de ma faute, j'aurais dû alerter avant, mais je ne savais pas > qu'IE ne permettait pas aux values de passer sur plusieurs lignes et ce > n'est pas moi qui ai fait l'intégration, donc je suis placé devant le fait > accompli). > > Une autre idée ? ;-) > > Jordi > > Le 10/02/2012 15:06, Romain Gervois a écrit : > > Bonjour, > > La 2.2 d'AW couvre ce cas (texte masqué - critère 10.13). Par contre, ça > nécessite de faire du test car pas de position clair sur la restitution ou > non d'un texte doté d'un font-size à 0. Autre méthode un input image avec > le texte qui correspond (attention critère 1.8 à avoir en tête). > > Romain > > Le 10 février 2012 15:08, Jordi Vila Cornellas <[email protected]> a > écrit : > >> Bonjour, >> >> Je voudrais un avis sur une méthode qui a été utilisée par un développeur >> pour styler un bouton submit : >> La maquette graphique fournie présentait le bouton submit avec un design >> qui amenait le texte du bouton à passer sur deux lignes. Apparemment, >> malgré un stylage CSS avec une width et en forçant le wrap, ça ne passe pas >> sous IE. Le texte reste sur une ligne et sort du cadre... >> Du coup, on a mis une image du texte en background css en passant la >> value en font-size: 0em. Cela amène la police à devenir si petite qu'elle >> ne gêne pas la vision du texte en image (le text-indent négatif ne >> fonctionnait pas dans le cas que je décris). >> J'aimerais juste avoir un retour sur cette méthode et m'assurer qu'elle >> ne comporte aucun biais que je n'aurais pas vu qui pourrait me poser des >> soucis d'accessibilité. Peut-être y a-t-il des alternatives plus élégantes ? >> >> Merci pour vos conseils, >> -- >> >> _______________________________________________ >> liste_gta mailing list >> [email protected] >> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org >> >> > > > _______________________________________________ > liste_gta mailing > [email protected]http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > > > -- > > _______________________________________________ > liste_gta mailing list > [email protected] > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > -- Cordialement *Philippe ZAGO **Webdesigner Senior OPODO - Expert Web A**ccessibility* 21, rue de Clery – 75002 Paris Tél. : +33 (0) 1 70 91 74 71 - Fax +33 (0) 01 53 40 45 27
<<signature_mail.png>>
<<image/png>>
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
