Se connecter / S'enregistrer
Votre question

Soucis d'espace dans mon talbeau

Tags :
  • element
  • Programmation
Dernière réponse : dans Programmation
Anonyme
5 Juin 2010 18:05:40

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 :

  1. #menu
  2. {
  3. float: right;
  4. width: 0px;
  5. margin-right: 20%;
  6. margin-left: 15%;
  7. margin-top: 05%;
  8. padding: 0px;
  9. }
  10.  
  11. .element
  12. {
  13. color : #f7ddac;
  14. background-image: url("images/interne.png");
  15. }
  16.  
  17. .element_menu
  18. {
  19. background-color: #826c80;
  20. color : #826c80;
  21. margin-bottom: 10px;
  22. }
  23.  
  24. .element_menu a
  25. {
  26. color :#ffffff ;
  27. text-decoration: none;
  28. font-variant: small-caps;
  29. margin:0px;
  30. padding:0px;
  31. }
  32.  
  33. .element_menu a:hover
  34. {
  35. color: #9ec2f1;
  36. }
  37.  
  38.  
  39. table tr
  40. {
  41. text-align :center;
  42. }





Et mon Html :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr" >
  3. <head>
  4. <title>Le Méridian Design</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <link rel="stylesheet" media="screen" title="couleurs" href="style.css" />
  7. </head>
  8.  
  9. <body>
  10. <div id="menu">
  11. <div class="element_menu" >
  12. <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" >
  13. <tr> <td > <img src="images/commandes.png" /> </td> </tr>
  14.  
  15. <tr> <td class="element" > <a href="avatars.html" > Avatars </td> </tr> </a>
  16. <tr> <td class="element" > <a href="icons.html" > Icons </td> </tr> </a>
  17. <tr> <td class="element" > <a href="header.html" > Header </td> </tr> </a>
  18. <tr> <td class="element" > <a href="wallpaperr.html" > Wallpaper </td> </tr> </a>
  19. <tr> <td class="element" > <a href="signatures.html" > Signatures </td> </tr> </a>
  20. <tr> <td class="element" > <a href="affiches.html" > Affiches </td> </tr> </a>
  21. <tr> <td class="element" > <a href="divers.html" > Divers </td> </tr> </a>
  22. <tr> <td class="element" > <a href="cadeaux.html" > Présents </td> </tr> </a>
  23.  
  24. <tr> <td> <img src="images/papillon.png" /> </td> </tr>
  25. </table>
  26. </div>
  27. </div>
  28. </body>






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

Merci d'avance !

Autres pages sur : soucis espace talbeau

6 Juin 2010 06:10:16

bonjour,
Il faut que tu modifies le line-height sur le td...
++
m
0
l
Anonyme
10 Juin 2010 10:50:06

Bonjour !

Je vais voir ce que ça donne avec ton conseil, merci :) 
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS