158
Maîtrise des CSS
avec.une.image,.soit.avec.les.dégradés.WebKit..Le.résultat.de.cet.exemple.est.présenté.à.la.
Figure 7.11..
button.two {
width: 200px;
height: 50px;
border: 1px solid #989898;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: url(/img/button-bg.png) #c5e063 bottom left repeat-x;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
color: #fff;
font-size: 26px;
font-weight: bold;
text-shadow: 1px 1px 1px #666;
}
Figure 7.11
Un élément de bouton
entièrement réalisé en CSS.
La.principale.limite.concernant.les.éléments.button.tient.à.la.manière.dont.Internet.Explorer 6.et,.dans.une.moindre.mesure,.Internet.Explorer 7.gèrent.leur.envoi..Au.lieu.d’envoyer.
le.contenu.de.l’attribut.value.comme.le.font.les.autres.navigateurs,.ils.envoient.le.contenu.
de.l’élément..En.outre,.si.la.page.contient.plusieurs.boutons,.Internet.Explorer 6.transmet.
le.contenu.de.tous.les.boutons.au.lieu.de.se.limiter.à.celui.sur.lequel.l’utilisateur.a.cliqué..
Si.vous.souhaitez.utiliser.plusieurs.boutons.par.page,.assurez-vous.donc.qu’ils.ont.tous.la.
même. fonction,. car. il. n’est. pas. possible. de. savoir. lequel. a. été. activé. dans. les. anciennes.
.
versions.d’Internet.Explorer.
Retour de formulaire
Les.formulaires.requièrent.généralement.un.message.informatif.qui.signale.les.champs.qui.
ont.été.omis.ou.mal.remplis..Bien.souvent,.on.affiche.un.message.d’erreur.à.côté.du.champ.
approprié.(voir.Figure 7.12).
Figure 7.12
Exemple de retour
de formulaire.
Pour.réaliser.cet.effet,.vous.pouvez.envelopper.le.texte.de.retour.dans.une.balise.em.et.la.
placer.après.le.champ.de.saisie.dans.le.code.source..Pour.que.tout.s’aligne.correctement,.