tableau de div Fermé

Question

Bonjour,

Alors voila, j ai creer un design pr un site sur photoshop, je l ai decouper, et pour le reconsituer j'ai creer un tableau, ensuite dans chaque cellule du tableau, j ai creer un div dans lequel je met en image de fond, une partie du design precedement creer. Le probleme qui survient est que lorsque je gomme toutes les marges et tt les bordures ils subsiste tjr un espacement entre les cellules du tableau, or j ai besoin qu elles soient collé l'une à l'autre pr que mon design soit correct.

Qulqun a-t-il une idée?

Voici mon code:

body
{
   width: 800px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background: url('arriere.jpg') no-repeat center #000000;
}

table,td,tr
{
 margin: 0 auto;
margin-left:0px;
border-collapse:collapse; 
}

#ban{
border-width:0px;
margin:0px;
width:710px;
height:220px;
background: url('banniere.gif') no-repeat center;
}
#menu{
border-width:0px;
 margin: 0 auto;
height:27px;
width:710px;
background: url('menu.gif') no-repeat center;
overflow:hidden
}
#sm{
border-width:0px;
height:16px;
 margin: 0 auto;
width:710px;
background: url('image-sous-menu.gif') no-repeat center;
overflow:hidden
}
#pgc{
border-width:0px;
width:20px;
 margin: 0 auto;
height:637px;
background: url('layoutwebsite_06.gif') no-repeat center;
overflow:hidden
}
#corps{
border-width:0px;
 margin: 0 auto;
height:637px;
width:670px;
background: url('corps.jpg') no-repeat center;
overflow:hidden
}
#pdc{
border-width:0px;
height:637px;
 margin: 0 auto;
width:20px;
background: url('partie-droite-du-corps.jpg') no-repeat center;
overflow:hidden
}

et la page html :

<html>
<head><title>...</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
	   <link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<table cellspacing="0">
<tr><td colspan="3"><div id="ban"></div></td></tr>
<tr><td colspan="3"><div id="menu"></div></td></tr>
<tr><td colspan="3"><div id="sm"></div></td></tr>
<tr>
<td><div id="pgc"></div></td>
<td><div id="corps"></div></td>
<td><div id="pdc"></div></td>
</tr>
</table>
</body>
</html>

biloute · Answer

pourquoi avouir coupé en 6 images alors que tu peux le faire avec 2 ?
(ban-menu-sm + pgc-corps-pdc)

Almanouche · Answer

pcq c est plus simple quand je devrais entrer du texte, je ne devrais pas gerer son placement

biloute · Answer

je n'ai pas l'habitude d'utiliser des div, je remarque que certaines images ont un margin=0px; et d'autres margin: 0 auto;   

en fait tu aurais pu faire 1 seule image en y repensant. pourquoi ne pas recoller les images en 1 seule (maintenant que le texte est en place) ?

as-tu vérifier les dimensions de tes images ?(car si l'image est plus grande que ta case du tableau, celle-ci est redimensionnée à la taille de l'image)

Tableau de div

3 réponses

Discussions similaires