Bonjour à tous!
Je me fait un petit site sympa sur la vente d'articles d'ordinateurs et j'ai un soucis avec mon tableau ou plutôt mes tableaux. En fait j'ai un tableau contenant 2 tableaux: celui d'à gauche pour la recherche et les catégories, celui d'à droite pour l'affichage des articles.
Voici mon code:
Le problème qui me cause c'est la rangée bleue de "Articles récemment ajoutés" qui n'est pas alignée avec la rangée de Recherche.
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 <table width="800" height="270" border="1" cellpadding="0" cellspacing="0"> <tr> <td><table width="170" height="270" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="20" bgcolor="#6699FF">Recherche</td> </tr> <tr> <td><form action="chercher_article.php" method="post"> <table width="170" height="80" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="30" align="center"><input type="text" name="recherche"></td> </tr> <tr> <td height="30" align="center"> <select name="choix"> <option value="titre" selected>PC</option> <option value="portable">Portable</option> <option value="peripheriques">Périphériques</option> </select> <input type="submit" name="envoyer" value="OK"> </td> </tr> <tr> <td height="20"></td> </tr> </table> </form></td> </tr> <tr> <td height="20" bgcolor="#6699FF">Catégories</td> </tr> <tr> <td> <table width="170" height="150" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="30"><a href="ordi_bureau.php">Ordinateurs de bureau</a></td></tr> <tr> <td height="30"><a href="ordi_portables.php">Ordinateurs portables</a></td></tr> <tr> <td height="30"><a href="ventes.php">Meilleures ventes</a></td></tr> <tr> <td height="30"><a href="a_venir.php">Articles à venir</a></td></tr> <tr> <td height="30"><a href="en_speciaux.php">En spéciaux</a></td> </tr> </table></td> </tr> </table></td> <td><table width="630" height="270" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4" align="center" height="20" bgcolor="#6699FF">Articles récemment ajoutés</td> </tr> <tr> <td width="155" height="200" align="center">Image</td> <td width="155" height="200" align="center">Image</td> <td width="155" height="200" align="center">Image</td> <td width="155" height="200" align="center">Image</td> </tr> <tr> <td width="155" height="50" align="center">Prix/Bouton</td> <td width="155" height="50" align="center">Prix/Bouton</td> <td width="155" height="50" align="center">Prix/Bouton</td> <td width="155" height="50" align="center">Prix/Bouton</td> </tr> </table></td> </tr> </table>
Pourtant, quand je fait le design sur Dreamweaver, il est aligné! Mais sur Firefox 3, il est un peu "abaissé". Même résultat sur IE, mais j'ai demandé à quelqu'un qui utilise Opera et c'est aligné parfaitement !
Voici des images vous le montrant...
Firefox: http://img24.imageshack.us/img24/4357/tableaux1.jpg
Dreamweaver: http://img24.imageshack.us/img24/113/tableaux2.jpg
Merci de votre temps.
Partager