Soucis d'espace dans mon tableau

Fermé
Le Meridian - Modifié par Le Meridian le 1/06/2010 à 11:42
 Alex_21 - 16 nov. 2010 à 16:44
Bonjour !

Je fais appel à vous car j'ai un soucis d'espace entre mon image placée en haut de mon menu et le contenu de ce menu. Je pense qu'il provient d'un problème de "tr" mais je n'arrive pas à enlever cet espace même avec cellspacing="0" cellpadding="0".
Je pense qu'un avis externe m'aiderait.
Voici mon CSS :


#menu 
{ 
float: right; 
width: 0px; 
margin-right: 20%; 
margin-left: 15%; 
margin-top: 05%; 
padding: 0px; 
} 

.element 
{ 
color : #f7ddac; 
background-image: url("images/interne.png"); 
} 

.element_menu 
{ 
background-color: #826c80; 
color : #826c80; 
margin-bottom: 10px; 
} 

.element_menu a 
{ 
color :#ffffff ; 
text-decoration: none; 
font-variant: small-caps; 
margin:0px; 
padding:0px; 
} 

.element_menu a:hover 
{ 
color: #9ec2f1; 
} 


table tr 
{ 
text-align :center; 
} 



Et mon Html :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
<head> 
       <title>Le Méridian Design</title> 
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
       <link rel="stylesheet" media="screen" title="couleurs" href="style.css" /> 
</head> 

<body> 
 <div id="menu"> 
 <div class="element_menu" > 
  <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" > 
  <tr> <td > <img src="images/commandes.png" /> </td> </tr> 
    
  <tr> <td class="element" > <a href="avatars.html" > Avatars  </td> </tr> </a> 
  <tr> <td class="element" > <a href="icons.html" > Icons  </td> </tr> </a> 
  <tr> <td class="element" > <a href="header.html" > Header  </td> </tr> </a> 
  <tr> <td class="element" > <a href="wallpaperr.html" > Wallpaper  </td> </tr> </a> 
  <tr> <td class="element" > <a href="signatures.html" > Signatures  </td> </tr> </a> 
  <tr> <td class="element" > <a href="affiches.html" > Affiches </td> </tr> </a> 
  <tr> <td class="element" > <a href="divers.html" > Divers </td> </tr> </a> 
  <tr> <td class="element" > <a href="cadeaux.html" > Présents </td> </tr> </a> 

  <tr> <td> <img src="images/papillon.png" /> </td> </tr> 
  </table>  
   </div> 
   </div> 
</body> 




Si vous voulez voir l'espace -> http://lemeridian.free-h.net/

Merci d'avance !
A voir également:

1 réponse

Bonjour

je vais te donner quelque petit conseil

1:Fait un peux d'espace dans ton code, tu va mieux remarquer tes erreures

exemple:
<tr>
<td class="element" >
<a href="avatars.html" > Avatars
</td>
</tr> </a>

2: Ton <a href ferme le le plus ripidement possible car cela peut aucasionner des ''bug''

exemple a suivre:
<a href="avatars.html" />

3: Si tu travail avec notepad++ utilise la console d'erreur de mozilla firefox cela va beaucoup t'aider il sa cibler tes erreurs et te les montrer.

Pour se qui est du probleme j'y travail :P
0