begin process at 2012 05 24 16:43:31
  Trouver un code source :
 
dans
 
Accueil > Forum > 

ColdFusion

 > 

Divers

 > 

Général

 > 

Cfinput et CSS


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Cfinput et CSS

mercredi 22 avril 2009 à 14:59:38 | Cfinput et CSS

Fabienduceps

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:

<body>
    <cfset currdate = now()>
    <cfset datedujour="#dateformat(currdate, 'dd/mm/yyyy')#">
   
<div id="Fond">
    <cfform name="formulaire" action="enregistrement.cfm">
   
   
    <div class="c1"><cfinput class="c3" name="materiel" maxlength="5" required="yes" />Code Matériel</div>
              
    <div class="c1"><cfinput class="c3" type="datefield" mask="dd/mm/yy" name="mydate" />Preté le</div>
               
    </cfform>
</div>

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;
        }     
mercredi 22 avril 2009 à 15:03:18 | Re : Cfinput et CSS

benji54190

essaye sa, sa peut aider ;)

<body>
    <cfset currdate = now()>
    <cfset datedujour="#dateformat(currdate, 'dd/mm/yyyy')#">
   
<div id="Fond">
    <cfform name="formulaire" action="enregistrement.cfm">
   
   
    <div class="c1">

    <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>

    </div>
               
    </cfform>
</div>
mercredi 22 avril 2009 à 15:19:34 | Re : Cfinput et CSS

Fabienduceps

merci pour ta réponse benji , mais çà marche pas ...
vendredi 24 avril 2009 à 13:34:05 | Re : Cfinput et CSS

nickadele

Membre Club Administrateur CodeS-SourceS
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
vendredi 24 avril 2009 à 17:16:24 | Re : Cfinput et CSS

Fabienduceps

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+
vendredi 24 avril 2009 à 18:24:04 | Re : Cfinput et CSS

nickadele

Membre Club Administrateur CodeS-SourceS
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
lundi 27 avril 2009 à 09:25:10 | Re : Cfinput et CSS

Fabienduceps

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
lundi 27 avril 2009 à 14:42:51 | Re : Cfinput et CSS

nickadele

Membre Club Administrateur CodeS-SourceS
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
lundi 27 avril 2009 à 15:35:25 | Re : Cfinput et CSS
lundi 27 avril 2009 à 20:42:32 | Re : Cfinput et CSS

nickadele

Membre Club Administrateur CodeS-SourceS
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;
        }     

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

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog

1 2

Cette discussion est classée dans : zone, css, right, margin, 20px


Répondre à ce message

Sujets en rapport avec ce message

PROG-Zone, la programmation sous tous les langages [ par sebrs1 ] Salut à tous les développeurs, je viens de mettre en ligne mon tout nouveaux site qui servira à tout le monde quelque soit le langage dans lequel vous PROG-Zone.fr.st - Le site de tous les langages de programmation [ par sebrs1 ] Salut à tout le monde, je viens de faire un nouveau site concernant tout les langages de programmations (ou presque :)), je vous en supplie, allez-y p Concours sur Prog-zone.fr.st [ par sebrs1 ] Prog-zone vous propose un concours dans le langage de votre choix. Si ça vous interesse :prog-zone.fr.st@+Sebrs1PS (qui ne signifie pas playstation :- Mettre à jour 1 champ grace a 1 autre [ par jfg ] Bonjour,j'ai un formulaire avec plusieurs zone de texte, il y a aussi une liste déroulante alimenter par une table. La liste à pour valeur la premier probleme avec cfform et cfinput [ par skwal972 ] bonjour,je suis debutant avec coldfusion. Je creer un formulaire avec CFFORM mais les cfinput ne fonctionne pas.En effet je creer un zone de saisit de Acess [ par rachelb ] je voudrait créer une zone de liste modifiable dont les valeurs sont limiter par une autre zone de liste modifiable!C'est très urgent c'est pour mon s recupere les valeur renvoyer par une zone de selection [ par srudy972 ] Bonjour à tous!Voila mon probleme:J'ai crée une zone de selection a choix multiple: Choisissez Trier zone de liste [ par SElKettani ] <link rel="Fi cfinput datefield et css [ par Fabienduceps ] slt,voilà , j'ai une question, lorsque j'utilise un cfinput de type datefield coldfusion me génére avant le input un DIV avec style = "position:relati


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,496 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales