Discussion :

[punisher999]

Bonjour, j'ai conçu un formulaire qui ressemble à ceci :



J'ai utilisé des tableaux pour faire ce genre de formulaire (Je ne sais pas si c'est bien)

Sur Firefox, mon formulaire est impeccable (Voir le screenshot)

Le problème est que ce formulaire sera utilisé sur un IPAD. Sur le safari du PC, il fonctionne très bien aussi. C'est sur le Safari du Ipad que le formulaire est croche.

Exemple, la puce du non va être coller à celle du oui.

Alors, qu'est-ce qui cause ce genre de problèmes ?

Voilà une partie de code :

Code :

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<table class="smart">
                <tr>
                    <td colspan="2">
                    </td>
                </tr>
                <tr>
                    <td style="width: 500px;">
                        <h5 class="bascule">
                            Objectifs et types d’objectifs du stagiaire</h5>
                        <div>
                            <%=Html.TextAreaFor(Function(m) m.Objectifs.Objectifs)%>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 500px;">
                        <h5 class="bascule">
                            S... Spécifique</h5>
                        <div>
                            <%=Html.TextAreaFor(Function(m) m.Objectifs.Specifique)%>
                        </div>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Oui</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.SpecifiqueQ, 1)%>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Non</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.SpecifiqueQ, 2)%>
                    </td>
                </tr>
                <tr>
                    <td style="width: 500px;">
                        <h5 class="bascule">
                            M... Mesurable</h5>
                        <div>
                            <%=Html.TextAreaFor(Function(m) m.Objectifs.Mesurable)%>
                        </div>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Oui</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.MesurableQ, 1)%>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Non</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.MesurableQ, 2)%>
                    </td>
                </tr>
                <tr>
                    <td style="width: 500px;">
                        <h5 class="bascule">
                            A... Ambitieux</h5>
                        <div>
                            <%=Html.TextAreaFor(Function(m) m.Objectifs.Ambitieux)%>
                        </div>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Oui</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.AmbitieuxQ, 1)%>
                    </td>
                    <td>
                        <label for="temporel" class="YesOrNo">
                            Non</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.AmbitieuxQ, 2)%>
                    </td>
                </tr>
                <tr>
                    <td style="width: 500px;">
                        <h5 class="bascule">
                            R... Réaliste</h5>
                        <div>
                            <%=Html.TextAreaFor(Function(m) m.Objectifs.Realiste)%>
                        </div>
                    </td>
                    <td >
                        <label for="temporel" class="YesOrNo">
                            Oui</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.RealisteQ, 1)%>
                    </td>
                    <td >
                        <label for="temporel" class="YesOrNo">
                            Non</label>
                        <%=Html.RadioButtonFor(Function(m) m.Objectifs.RealisteQ, 2)%>
                    </td>
                    <tr>
                        <td style="width: 500px;">
                            <h5 class="bascule">
                                T... Temporel</h5>
                            <div>
                                <%=Html.TextAreaFor(Function(m) m.Objectifs.Temporel)%>
                            </div>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Oui</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.TemporelQ, 1)%>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Non</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.TemporelQ, 2)%>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 500px;">
                            <h5 class="bascule">
                                Les objectifs sont-ils en voie d'être atteints ?</h5>
                            <div>
                                <%=Html.TextAreaFor(Function(m) m.Objectifs.ObjectifsAtt)%>
                            </div>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Oui</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.ObjectifsAttQ, 1)%>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Non</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.ObjectifsAttQ, 2)%>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 500px;">
                            <h5 class="bascule">
                                Les objectifs du stage ont-ils été communiqués au superviseur?</h5>
                            <div>
                                <%=Html.TextAreaFor(Function(m) m.Objectifs.ObjectifsStage)%>
                            </div>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Oui</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.ObjectifsStageQ, 1)%>
                        </td>
                        <td >
                            <label for="temporel" class="YesOrNo">
                                Non</label>
                            <%=Html.RadioButtonFor(Function(m) m.Objectifs.ObjectifsStageQ, 2)%>
                        </td>
                    </tr>
            </table>

Merci

[Kaamo]

Pour mieux cerner le problème, il faut nous fournir un code généré et non un code serveur (code source de la page dans le navigateur).
Et le(s) fichier(s) CSS pour voir ce qui se cache dans la mise en page, car là on ne voit rien du tout ...

Aussi, il est conseillé d'utiliser des "div" et non des tableaux pour la mise en page.

[Torgar]

Il est aussi possible que la résolution de l'Ipad soit plus petite, du coup il y a moins d'espace dans lequel les éléments peuvent se placer.