CSS probleme avec le tag <label> dans firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS probleme avec le tag <label> dans firefox

freed102

Arayashiki

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

Publicité

omega2

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

gatsusat

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

freed102

Arayashiki

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

freed102

Arayashiki

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

cerel

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.

freed102

Arayashiki

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

freed102

Arayashiki

snif...

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

FORUM HardWare.fr

Programmation

HTML/CSS

CSS probleme avec le tag <label> dans firefox

Sujets relatifs
Probleme avec le solver sous vba XP	Valider un formulaire en tapant "Enter" (firefox et IE)
Problème pour créer un script....	[SQL] probleme insert basic avec sequences
Probleme de concatenation	[Javascript] problème avec la regex search
[CSS] Discussion	Problème de résolution
CSS Menu déroulant inline avec sous menu vertical	[PHP] Probleme avec des dates...
Plus de sujets relatifs à : CSS probleme avec le tag <label> dans firefox

Page générée en 0.150 secondes