Discussion :

[Jinx_]

Bonjour,

J'ai un tableau HTML basique dont je voudrais ne pas afficher les lignes et les colonne à l'intérieur de ce tableau (ou bien les colorier en blanc). Mais attention je veux néanmoins afficher la première ligne (tagèe avec la balise "th") en fond coloré (par exemple bleu)

Pour mieux comprendre, voila une copie d'écran de mon problème:
http://img121.yfrog.com/img121/976/tableauy.jpg

Comment modifier ma feuille de style CSS pour supprimer ces lignes et colonnes internes ? Comment, sans utiliser de CSS cette fois, les supprimer directement dans le source HTML ?

Merci de toute aide.

J.

[sebhm]

a priori

Code :

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

table td {border:none;}

mais avec ton code HTML+CSS on pourra mieux t'aider

[Jinx_]

Merci Sebhm, mais cela ne va pas marcher, parce que les lignes verticales et horizontale de l'extérieur ne vont pas s'afficher. Mais je n'ai pas tester.

Voila le source de ma page web:

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
 
<form  method=\"post\" action=\"process_search_dvd.php\" name=\"DVDSearchForm\">
 
<table align=center class=\"index\" border=0 width=600>
 
	<th colspan=2> Recherche de DVD
	</th>
 
	<tr>
		<td>Référence du DVD:</td>
		<td><input type=\"text\" name=\"dvdRef\" size=30></font></td>
	</tr>
	<tr>
		<td>Titre à rechercher:</td>
		<td><input type=\"text\" name=\"dvdTitle\" size=30></font></td>
	</tr>
 
	<tr>
		<td></td>
		<td><input type=\"submit\" name=\"null\" value=\"Chercher\"></td>
	</tr>
 
</table>
 
</form>

PS: les caractères \" dans le source HTM c'est parce que je fait des echo en PHP et don le caractère " doit être précédé d'un \.

La classe "index" est défini dans le feuille de style CSS de la façon suivante:

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
 
/* index tables */
table.index {
  background-color: #ffffff;
  border-spacing: 0px;
  border-collapse: collapse;
}
 
table.index th {
  padding: 3px;
  border: 1px solid navy;
  background-color: navy;
  color: white;
}
 
table.index td {
  padding: 3px;
  border: 1px solid navy;
}
 
.leftalign{
  text-align: left;
}
 
.centeralign{
  text-align: center;
}
 
.rightalign{
  text-align: right;
}
 
.noBorder {
 
border-top: 0px;
border-left: 0px;
BACKGROUND-COLOR: RED; 
}

Attention, il y a des attributs que je n'utilise pas comme le ".noBorder" parce que je ne sais pas comment faire. J'ai juste pris ce source sur un site web et j'y y juste apporté quelque modifs légères.

Merci.

J.

[djibril]

Tu peux aussi soit n'utiliser que des balises div ou mélanger div et table.

Voici un exemple vite fait.

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
<form  method=\"post\" action=\"process_search_dvd.php\" name=\"DVDSearchForm\">
 
<div style="border: 3px solid;border-color:red;width:600px">
<table align=center class=\"index\" border=0 width=600px>
 
	<th colspan=2 bgcolor='blue'> Recherche de DVD
	</th>
 
	<tr>
		<td>R&eacute;f&eacute;rence du DVD:</td>
		<td><input type=\"text\" name=\"dvdRef\" size=30></font></td>
	</tr>
	<tr>
		<td>Titre &agrave; rechercher:</td>
		<td><input type=\"text\" name=\"dvdTitle\" size=30></font></td>
	</tr>
 
	<tr>
		<td></td>
		<td><input type=\"submit\" name=\"null\" value=\"Chercher\"></td>
	</tr>
 
</table>
</div>
</form>

[sebhm]

moi je dirais qu'il faut mettre la bordure sur la table

Code :

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

table.index  {border : 1px solid black;}

et pas sur les td

Code :

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

table.index td {border:none;}

[Jinx_]

Sebhm, ta proposition fonctionne parfaitement. Puisse tu être remercié.

Un bonjour à Djibril. J'espère que tout roule pour toi.

J.