Trucsweb.com

Trucsweb.com

CSS

Standardiser vos formulaires

RDFFav

Standardiser vos formulaires - Enfin un formulaire compatible Netscape et IE avec le CSS

Par exemple : Quoi de plus énervant que les formulaires ! La balise FONT qui permet avec Netscape de modifier l’apparence des objets d’un formulaire ne fonctionnant pas avec IE nous oblige souvent à restreindre la longueur des saisies pour permettre au formulaire d’avoir une allure convenable avec IE qui gère les formulaires drôlement.formulaires form balises font netscape standardiser compatible compatibilité objets saisies champs fields identiques style font-size px font-family class css cascading style sheets feuilles style css1Standardiser vos formulaires - Enfin un formulaire compatible Netscape et IE avec le CSS

  • · Niveau : DÉBUTANT
  • · Compatibilité : IE 4+ / Netscape 4+

Par exemple : Quoi de plus énervant que les formulaires ! La balise FONT qui permet avec Netscape de modifier l’apparence des objets d’un formulaire ne fonctionnant pas avec IE nous oblige souvent à restreindre la longueur des saisies pour permettre au formulaire d’avoir une allure convenable avec IE qui gère les formulaires drôlement.

Et bien c’est fini. Avec le CSS il est possible de définir le style de chaque objet du formulaire. Ce n’est pas compatible avec Netscape (évidament) mais en utilisant la balise FONT pour Netscape et le CSS pour IE vours optiendrez des formulaire identique en un rien de temps.

Il faut tout d’abord définir notre style que nous nommerons ENFIN ;-)
À imbriquer dans le HEAD de votre document.

<style>
<!--
.enfin {
font-size : 10px;
font-family : Verdana, Helvetica, Sans-Serif; }
-->
</style>

L’attribut font-size indique une grandeur de police de caractère. L’attribut font-family indique la police de caractère.

Ensuite vous n’avez qu’à indiquer aux objets dont vous voulez changer le style qu’il doivent utiliser le style enfin (attention de respecter la case).

<select name="oz-type" class="enfin">
<option value="Commentaires" selected="selected">Commentaires</option>...

ou

<input type="text" clas="enfin" />

ou même avec un bouton

<input type="submit" class="enfin" />

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

    Ajouter un commentaire
    Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
    Votre évaluation du tutoriel

           Visites : 3935 - Pages vues : 20259
    X

    Trucsweb.com Connexion

    Connexion

    X

    Trucsweb.com Mot de passe perdu

    Connexion

    X

    Trucsweb.com Conditions générales

    Conditions

    Responsabilité

    La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

    Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

    Droit applicable et juridiction compétente

    Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Glossaire

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Trucsweb

    Conditions

    Aucun message!

    Merci.

    X
    Aucun message!
    X

    Trucsweb.com Créer un compte

    Créer un compte

    .
    @