Probleme d'espace autour des images dans tableau

Probleme d'espace autour des images dans tableau - HTML/CSS - Programmation

Marsh Posté le 14-11-2009 à 18:58:44    

Salut,  
 
Je démarre la construction d'un site et je recontre un probeme génant.  
 
Tout d'abord, je vous explique comment est fait mon site : Sous forme d'un tableau.  
Ce tableau est divisé en plusieurs cellule :
1 ligne pour le bandeau d'accueil lui meme divisé en 3 pour contenir une image de chaque coté et un texte central
1 colone a gauche qui contient le menu
1 grosse colone a droit de ce menu qui contient le corps de la page (une grosse photo avec du texte ; c'est uniqument cette zone dont le contenu variera sur les différentes pages du site
1 ligne en bas pour "contacte" et tous le blabla
 
Mon souci est que, quand j'introduit une photo qui prend tout l'espace de la cellule, et bien cette photo ne prendra pas tout l'espece... j'ai un contour, tres fin, autour de cette photo (couleur du background de cette cellule en question). Tres génant quand les cellues autours n'ont pas la meme couleur car on remarque ce contour ideux tout autour de l'image.  
 
Je pense que ca vient de la bordure de la cellule, mais pourtant j'ai mis la taille de la bordure a 0. Donc je ne sais pas trop...
 
Si ca peut vous aider, voici ci dessous le code du debut de mon tableau où vous pourrez voir comment est codé la premiere ligne de celui ci (le bandeau avec 1 image de chaque coté et un texte central)
 

Code :
  1. <table width="957" border="0" cellpading="0" cellspacing="0" align="center" bgcolor="#CCCC66">
  2.   <tr>
  3.     <th height="131" scope="col" bgcolor="#FFFFFF"><div align="left"><img src="UPJV.jpg" width="129" height="129" style="border: 0;" alt="Université de Picardie Jules Verne" /></div></th>
  4.     <th width="103" height="131" scope="col">&nbsp;</th>
  5.     <th width="589" scope="col"><p class="Style1">Institut Universitaire Professionnel</p>
  6.       <p class="Style1">Production Végétale et Industrie Agroalimentaire</p></th>
  7.     <th width="127" scope="col" bgcolor="#FFFFFF"><div align="right"><img src="logoIUP.jpg" alt="IUP PVIA" width="127" height="129" style="border: 0;" /></div></th>
  8.   </tr>


 
Et donc autour de ces 2 jpg j'ai ce petit contour blanc fort désagréable (et la solution ne viendra pas en changeant la couleur de ce fond, car les cellules autours ont des couleurs différentes)
 
Merci pour votre aide

Reply

Marsh Posté le 14-11-2009 à 18:58:44   

Reply

Marsh Posté le 14-11-2009 à 20:39:38    

met le padding à 0

Reply

Marsh Posté le 14-11-2009 à 20:55:14    

Parfait, ca marche, merciii

Reply

Marsh Posté le 15-11-2009 à 09:46:40    

soit dit en passant, il y a mieux que les tableaux pour ton cas : les tableaux ne sont pas censés servir à la mise en page, mais à présenter des données tabulaires ... :)


---------------
NewsletTux - outil de mailing list en PHP MySQL
Reply

Marsh Posté le 15-11-2009 à 16:40:52    

Bonjour,
 
si tu utilises quand même les tableaux de mise en page parce que tu ne sais pas encore faire autrement, au moins n'utilise pas de cellules d'entête <th> mais uniquement des <td>.
Essaie de remplacer tous ces attributs pour tableaux dans le code HTML par leur équivalent CSS ; les tableaux ça se style aussi en CSS. bgcolor="couleur" c'est background-color: couleur; etc dans une feuille de style séparée (et cellpading prend 2 D)

Reply

Marsh Posté le 16-11-2009 à 18:32:09    

Voila, j'ai pris un peu de vos conseils, j'ai fait un début de css et j'ai modif l'entete pour supprimimer le th et en faire un td.  
Pourquoi le cellpading à 2 ?  
 
Et que me conseillez vous d'utiliser au lieu d'utiliser un tableau ?

Reply

Marsh Posté le 16-11-2009 à 21:47:40    

Il y a 2 (deux) fois la lettre D (quatrième lettre de l'alphabet) dans le mot cellpaDDing
 
Pour la mise en page, placer le contenu dans des <div> qui seront stylés en CSS.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed