Bordure tableau html

Version imprimable

26/07/2010, 14h33
Lenou

Bordure tableau html

J'ai créé un tableau en html dans lequel j'ai fait un formulaire.

Je souhaiterai conserver les bordures extérieures mais rendre invisible les bordures intérieures, comment faire ???

Si quelqu'un pourrait répondre rapidement à ma question, ce serait cool :)
26/07/2010, 14h36
blueice

table avec une bordure et tr/td border 0

Maintenant pas besoin de faire de tableau... c'est mal !!
26/07/2010, 14h54
Lenou

Citation:

Envoyé par blueice

table avec une bordure et tr/td border 0

Maintenant pas besoin de faire de tableau... c'est mal !!

Merci pour l'info. Pourquoi est-ce mal de faire un tableau ?
Je suis débutante donc tous les conseils sont bons à prendre ...
26/07/2010, 15h07
Baldy

Je pense que blueice voulait parler d'utiliser les éléments DIV, P et autres possibilités de mise en page plutôt que d'avoir recours au tableau.

Code:

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
<form method="post">    
<table align="center" cellpadding="7" border="5" style="text-align: center; width: 363px; height: 455px;">        
<tbody>            
<tr border="0">                
<td style="text-align: center;">                    
<p style="text-align: right;"><strong><span style="font-size: 12pt;">Nom :&nbsp;&nbsp;</span></strong></p>                
</td>               
<td style="text-align: center;">                    
<p style="text-align: left;"><input name="nom" type="text" /></p>                
</td>            
</tr>            
<tr>                
<td style="text-align: right;">                    
<p style="text-align: right;"><strong><span style="font-size: 12pt;">Prénom :&nbsp;&nbsp;</span></strong></p>                </td>                
<td style="text-align: center;">                   
<p style="text-align: left;"><input name="prenom" type="text" /></p>                    <span style="font-size: 12pt;"></span>
</td>            
</tr>            
<tr>                
<td style="text-align: right;">                    <p style="text-align: right;"><strong><span style="font-size: 12pt;">Adresse :&nbsp;&nbsp;</span></strong></p>                </td>                
<td style="text-align: center;">                    
<p style="text-align: left;"><input name="adresse" type="text" /></p><span style="font-size: 12pt;"></span></td>            
</tr>            
<tr>                
<td style="text-align: right;">   
<p style="text-align: right;"><strong><span style="font-size: 12pt;">Téléphone :&nbsp;&nbsp;</span></strong></p>                </td>                
<td style="text-align: center;"> 
<p style="text-align: left;"><input name="tel" type="text" /></p>                    <span style="font-size: 12pt;"></span></td>            
</tr>            
<tr>                
<td style="text-align: right;">                    
<p style="text-align: right;"><strong><span style="font-size: 12pt;">Courriel :&nbsp;&nbsp;</span></strong></p>                </td>               
<td style="text-align: center;">                    
<p style="text-align: left;"><input name="mail" type="text" /></p>                    <span style="font-size: 12pt;"></span></td>            
</tr>            
<tr>                
<td style="text-align: right;">                    
<p style="text-align: right;"><strong><span style="font-size: 12pt;">Objet du message :&nbsp;&nbsp;</span></strong></p>                </td>                
<td style="text-align: center;">                    
<p style="text-align: left;"><input name="objet" type="text" /></p>                    <span style="font-size: 12pt;"></span>
</td>           
 </tr>            
<tr>               
 <td style="text-align: right;">                    <p style="text-align: right;"><strong><span style="font-size: 12pt;">Message :&nbsp;&nbsp;</span></strong></p>                </td>                
<td style="text-align: center;"><textarea name="message" rows="3">Entrez votre message</textarea><span style="font-size: 12pt;"></span>
</td>           
 </tr>           
 <tr>                
<td colspan="2" style="text-align: center;"><strong><span style="font-size: 12pt;"><input type="checkbox" value="on" /><em>&nbsp;&nbsp; Recevoir une copie de cet E-mail</em> </span></strong>
</td>            
</tr>            
<tr>                
<td colspan="2" style="text-align: center;"><input type="submit" value="Envoyer" /></td>            </tr>        </tbody>    </table></form>

Voila ce que donne la prog de mon formulaire. Comment faire en utilisant les div et non un tableau ???

26/07/2010, 19h00
blueice

Un div pour l'ensemble.
Avec la balise <form> et <label> pour le "cadre"
Et des balises <p> pour les input.
par exemple...
26/07/2010, 19h54
polymorphisme

Bonjour Lenou,

Citation:

Pourquoi est-ce mal de faire un tableau ?

Ce n'est pas "mal" de faire un tableau : il n'est pas question de manichéisme
ou de morale !

En revanche, le tableau est une structure de données ...
indépendante de la forme associée à ces données.
On se gardera donc bien d'utiliser un tableau pour une mise en forme
dont le rôle est attribué à des balises telles que div, span, ...
26/07/2010, 20h21
blueice

Quand je disais "mal" c'était sarcastique :roll:
26/07/2010, 20h59
12monkeys

Bonjour

Pourquoi ne pas utiliser de tableau : http://xhtml.developpez.com/faq/?pag...u_mise_en_page

Et voici un article sur les formulaires et leur mise en forme : http://a-pellegrini.developpez.com/t...ss/formulaire/
27/07/2010, 09h21
Lenou

Merci pour vos aides, cela m'a été très bénéfique.