Bonjour la liste, @Philippe Zago Sur mon IE7 natif et non pas IE tester, le texte reste sur une seule ligne
Carsten MEYER Développeur front-end et EAE Le 10 février 2012 16:07, Philippe Zago <[email protected]> a écrit : > > <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 > > > > > _______________________________________________ > liste_gta mailing list > [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
