Sujet Précédent Sujet Suivant

Cfinput et CSS

Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009 - 22 avril 2009 à 14:59
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009 - 28 avril 2009 à 08:48
slt,

j'ai un piti souci d'alignement sur un formulaire avec des css :

Pour ma première zone , pas de souci pour l'affichage, mais pour ma deuxième zone (datefield) le texte se cole derrière la zone alors que j'ai un css float right sur la zone.

Ou ai je faux ?

voici mon code  cfm:

    <cfset currdate = now()>
    <cfset datedujour="#dateformat(currdate, 'dd/mm/yyyy')#">
   

    <cfform name="formulaire" action="enregistrement.cfm">
   
   
   
<cfinput class="c3" name="materiel" maxlength="5" required="yes" />Code Matériel

              
   
<cfinput class="c3" type="datefield" mask="dd/mm/yy" name="mydate" />Preté le

               
    </cfform>

et voilà mon css

@charset "utf-8";
/* CSS Document */
#Fond   
        {   
          position:absolute;
        top:50px;
        left:750px;
        background:#66F;
        width:450px;
        height:200px;
        border:20px;
        border-color:#999;
        }
       
.c1
        {
        margin-top:20px;
        margin-left:5%;
        }

.c3
        {
        float:right;
        margin-right:20px;
        }     

10 réponses

Réponse 1 / 10
benji54190 Messages postés 9 Date d'inscription mardi 7 avril 2009 Statut Membre Dernière intervention 11 mai 2009
22 avril 2009 à 15:03
essaye sa, sa peut aider ;)

    <cfset currdate = now()>
    <cfset datedujour="#dateformat(currdate, 'dd/mm/yyyy')#">
   

    <cfform name="formulaire" action="enregistrement.cfm">
   
   
   

    <cfinput class="c3" name="materiel" maxlength="5" required="yes" >Code Matériel </cfinput>
              
    <cfinput class="c3" type="datefield" mask="dd/mm/yy" name="mydate" >Preté le </cfinput>

   

               
    </cfform>
0
Réponse 2 / 10
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009
22 avril 2009 à 15:19
merci pour ta réponse benji , mais çà marche pas ...
0
Réponse 3 / 10
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
24 avril 2009 à 13:34
Bonjour,

je comprend pas à quoi sert ton float puisque tu n'as qu'un seul élément c3 dans chaque bloc c1 !

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog
0
Réponse 4 / 10
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009
24 avril 2009 à 17:16
Salut,

j'ai réussi à régler mon problème .

Ici le float doit permettre à la partie texte de venir en face du contenu concerné par le float (zone input) . Si je mets pas de float j'ai pas le résultat escompté.

Pour ma zone " matériel " celà fonctionne bien : le texte vient se mettre en face.

Pour ma zone "datefield" celà ne marche pas , il a fallu que j'y incorpore un "display:inline" sur un div vide qui précède mon input et là çà roule .

A+
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
24 avril 2009 à 18:24
Ton texte tu dois l'avoir devant ou derrière l'input ?
Si c'est devant tu n'as pas besoin de tout ça il te suffit d'utiliser la propriété label :

<cfinput class="c3" label="Preté le " type="datefield" mask="dd/mm/yy" name="mydate" >

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog
0
Réponse 6 / 10
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009
27 avril 2009 à 09:25
t'as essayé le label sur le cfinput ?

Parce que moi j'ai rien avec le label ... Et dans la doc coldfusion il semblerait que le Label est prévu pour les forms Flash

Fabienduceps
0
Réponse 7 / 10
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
27 avril 2009 à 14:42
Sorry, je pensais que tu utilisais un form flash, mais t'as pas répondu à ma question : devant ou derriere ?

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog
0
Réponse 8 / 10
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009
27 avril 2009 à 15:35
devant
0
Réponse 9 / 10
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
27 avril 2009 à 20:42
Utilises la balise html "label"

.c1 {
 clear: both ;
 margin-top:20px;
 margin-left:5%;
}

.c1 label
        {
        float:right;
      /* Par exemple avec un label en gras*/
       FONT-WEIGHT: bold;
        } 
.c3
        {
        float:right;
        margin-right:20px;
        }     

   <label for="mydate">Preté le:</label>
   <cfinput class="c3" type="datefield" mask="dd/mm/yy" name="mydate" />
  

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog
0
Réponse 10 / 10
Fabienduceps Messages postés 45 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 18 juin 2009
28 avril 2009 à 08:48
merci Nickadele
0

Discussions similaires

exemple de page d'accueil avec la balise div et css
belkaiednaim -
belkaiednaim -

5 réponses
code source HTML
bandifull -
bandifull -

5 réponses
Interface pour chaque page
Xini28 -
malalam -

4 réponses
CSS MAP et AREA
gabs77 -
gabs77 -

9 réponses
Rogner une image
Galmiza -
Galmiza -

3 réponses
Rejoignez-nous