Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1603 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme d'espace autour des images dans tableau

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme d'espace autour des images dans tableau

n°1940808
charlelech​auve
Posté le 14-11-2009 à 18:58:44  profilanswer
 

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

mood
Publicité
Posté le 14-11-2009 à 18:58:44  profilanswer
 

n°1940822
d@kn1ko
Posté le 14-11-2009 à 20:39:38  profilanswer
 

met le padding à 0

n°1940824
charlelech​auve
Posté le 14-11-2009 à 20:55:14  profilanswer
 

Parfait, ca marche, merciii

n°1940845
NewsletTux
&lt;Insérez ici votre vie /&gt;
Posté le 15-11-2009 à 09:46:40  profilanswer
 

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
n°1940883
phosphorel​oaded
Posté le 15-11-2009 à 16:40:52  profilanswer
 

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)

n°1941318
charlelech​auve
Posté le 16-11-2009 à 18:32:09  profilanswer
 

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 ?

n°1941359
phosphorel​oaded
Posté le 16-11-2009 à 21:47:40  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme d'espace autour des images dans tableau

 

Sujets relatifs
...{C++} Tableau de structure
probléme avec ma page d'indexProblème de regex
Problème avec le commande update de svn sous netBeansproblème avec le xml
Problème de raffraichissement d'élement swingProbleme de superposition JLabel sur JFrame-avec-Background
vb excel - MAJ un tableauSelect lié en JS+PHP : problème avec IE
Plus de sujets relatifs à : Probleme d'espace autour des images dans tableau


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR