Alignement cfinput + css

**Fabienduceps** · 23/04/2009, 08h53

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:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@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;
        }

**jowo** · 23/04/2009, 10h16

Bonjour,

Est-ce un problème de CF ou de CSS?

Reprend le code HTML généré par CF et analyse le...

**Fabienduceps** · 23/04/2009, 10h27

Merci pour ta réponse, mais ou puis je retrouver ce code généré ?

Je débute dans Coldfusion

**jowo** · 23/04/2009, 10h34

tu cliques droit sur la page de ton browser et tu sélectionnes pour FF: "Code source de la page" et pou IE: "Voir source..."

**HiRoN** · 23/04/2009, 10h35

Envoyé par Fabienduceps

Merci pour ta réponse, mais ou puis je retrouver ce code généré ?

Le code généré correspond au code interprété par le navigateur, cela reviens à "Afficher la source / Code source de la page"

**Fabienduceps** · 23/04/2009, 10h42

merci Jowo et Hiron , vais aller voir

**Fabienduceps** · 23/04/2009, 11h36

à priori c'est du javascript mais à quel script fait il appel ?

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head><script type="text/javascript">_cf_loadingtexthtml="<img alt=' ' src='/CFIDE/scripts/ajax/resources/cf/images/loading.gif'/>";
_cf_contextpath="";
_cf_ajaxscriptsrc="/CFIDE/scripts/ajax";
_cf_jsonprefix='//';
</script><script type="text/javascript" src="/CFIDE/scripts/ajax/yui/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/ajax/messages/cfmessage.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/ajax/package/cfajax.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/ajax/package/cfcalendar.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/ajax/ext/build/util/Date-min.js"></script>
 
<script type="text/javascript" src="/CFIDE/scripts/ajax/yui/animation/animation-min.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/ajax/yui/calendar/calendar-min.js"></script>
<link rel="stylesheet" type="text/css" href="/CFIDE/scripts/ajax/resources/yui/yui.css" />
<link rel="stylesheet" type="text/css" href="/CFIDE/scripts/ajax/resources/cf/cf.css" />
<script type="text/javascript" src="/CFIDE/scripts/cfform.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/masks.js"></script>
 
 
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<link rel="stylesheet" type="text/css" title="design" href="design.css" />
 
<script type="text/javascript">
        if (window.ColdFusion) ColdFusion.required['materiel']=true;
</script>
 
<script type="text/javascript">
        ColdFusion.Ajax.importTag('CFINPUT-DATEFIELD');
</script>
 
		<script type="text/javascript">
                        var _cf_DATEFIELD_init_1240475824739=function()
                        {
                                ColdFusion.Calendar.setUpCalendar("mydate", "dd/mm/yy", 0, ["S","M","T","W","T","F","S"], ["January","February","March","April","May","June","July","August","September","October","November","December"], 'formulaire', null);
                        };ColdFusion.Event.registerOnLoad(_cf_DATEFIELD_init_1240475824739);
                </script>
 
<script type="text/javascript">
        if (window.ColdFusion) ColdFusion.required['materiel']=true;
</script>
 
<script type="text/javascript">
        if (window.ColdFusion) ColdFusion.required['personne']=true;
</script>
 
		<script type="text/javascript">
                        var _cf_DATEFIELD_init_1240475824740=function()
                        {
                                ColdFusion.Calendar.setUpCalendar("mydate", "dd/mm/yy", 0, ["S","M","T","W","T","F","S"], ["January","February","March","April","May","June","July","August","September","October","November","December"], 'formulaire', null);
                        };ColdFusion.Event.registerOnLoad(_cf_DATEFIELD_init_1240475824740);
                </script>
		<script type="text/javascript">

Alignement cfinput + css

Coldfusion

Vue hybride

Discussions similaires

Partager

Partager