Les Allergies
Alimentaires
Posez votre question Signaler

Tableau de div

Almanouche - Dernière réponse le 2 sept. 2010 à 11:40
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>
Lire la suite 

Tableau de div »

3 réponses
Réponse
+0
moins plus
pourquoi avouir coupé en 6 images alors que tu peux le faire avec 2 ?
(ban-menu-sm + pgc-corps-pdc)
Ajouter un commentaire
Réponse
+0
moins plus
pcq c est plus simple quand je devrais entrer du texte, je ne devrais pas gerer son placement
Ajouter un commentaire
Réponse
+0
moins plus
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)
Ajouter un commentaire
Ce document intitulé « tableau de div » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?