CSS probleme avec le tag <label> dans firefox

Marsh Posté le 05-09-2005 à 12:23:39

Voila sur IE ça marche bien.. sur FF ça marche pas avec les champs select.. la marge n'est pas bonne..

un bout de code xhtml :

Code :

<div id="save_modeles_form">
<label class="labelbleu">Votre Pseudo</label>
<input name="pseudo" type="text" id="pseudo" /><br />
<label class="labelbleu">Nom du modèle</label>
<input name="nom_modele" type="text" id="nom_modele" /><br />
<label class="labelbleu">Type de modèle </label>
<select id="famille_modele" name="type_modele">
<option value="cdv">Carte de visite</option>
<option value="cdc">C. de correspondance</option>
<option value="cc">Carte commerciale</option>
<option value="voeux">Carte de voeux</option>
<option value="tl">Tête de lettre</option>
<option value="sl">Suite de lettre</option>
<option value="stickers">Stickers</option>
</select><br />
<label class="labelbleu">Famille</label>
<select id="type_modele" name="type_modele">
<option value="pro">PRO</option>
<option value="fun">FUN</option>
</select>
<br />
<br />
<input name="btnsavemodel" type="submit" id="btnsavemodel" value="Sauvergarder le modèle" />
<input type="hidden" name="submit_modele" value="" />
</div>

un bout de CSS :

Code :

label {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
width: 75px;
margin-left: 5px;
margin-right: 5px;
float:left;
display:block;
}
*.labelbleu {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
display: inline;
float: left;
width: 75px;
margin-left: 5px;
margin-right: 5px;
color: #71AFC7;
}

voici un aperçu (j'ai reduit à 60% pour pas que ça prenne tout l'ecran):

Message édité par freed102 le 05-09-2005 à 12:26:28

---------------
Freed102

Reply

Marsh Posté le 05-09-2005 à 12:23:39

Reply

Marsh Posté le 05-09-2005 à 13:43:28

T'as quoi dans le CSS qui correspond aux "input"? Même chôse pour les "select".

Reply

Marsh Posté le 05-09-2005 à 13:56:57

et tu aurais pu reduire ta CSS de cette manière :

label {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
width: 75px;
margin-left: 5px;
margin-right: 5px;
float:left;
display:block;
}
label.labelbleu {
display: inline;
width: 75px;

color: #71AFC7;
}

au passage ca sert à rien de mettre un width sur labelbleu, puisque c'eest un element inline, vu ton code CSS, et un élément inline, c'est pas dimensionnable

Reply

Marsh Posté le 05-09-2005 à 14:14:07

voilà mon input

Code :

input {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #666666;
border: 1px solid #71AFC7;
background-color: #EEFEFF;
width: 145px;
}

je n'ai rien défini pour select parcontre

---------------
Freed102

Reply

Marsh Posté le 05-09-2005 à 14:23:58

mais en fait je sais pas quoi mettre comme parametres pour select.. je peux pas lui donner une taille puisque c le nombre de caracteres qui va le faire... je peux lui donner une couleur de fond à la limite.. mais c tout ! pour les marges je sais pas... je voudrais qu'elles soit en fonction du label... comme pour le champ input !

---------------
Freed102

Reply

Marsh Posté le 05-09-2005 à 14:35:54

Euhh, un element float se transforme en element de type block si jamais ...
Donc

Code :

float: left;
display: inline

est une aberation.

Sinon, tu n'aurais pas un lien, se serais plus simple pour debuguer.

Reply

Marsh Posté le 05-09-2005 à 15:58:15

bah si j'ai un lien mais c compliqué il faut se connecter et entrer dans le site ...

http://www.clonecopy.net/php/ezdocs

login xxx@xxx.com
pwd : xxx

au moment du choix de modele pour l'instant choisir "PRO" puis Carte de visite (les autres choix sont vide donc ne menent nulle part)
les prob d'affichage concernant le formulaire apparait sur la derniere etape

---------------
Freed102

Reply

Marsh Posté le 06-09-2005 à 11:09:23

snif...

---------------
Freed102

Reply

CSS probleme avec le tag <label> dans firefox

Sujets relatifs:

Leave a Replay