Problème d'espacement

Problème d'espacement - HTML/CSS - Programmation

Marsh Posté le 09-07-2005 à 18:35:21    

Voilà je viens de passer au XHTML, c'est le grand saut mais.. J'ai comme qui dirait un problème d'espacement que je n'arrive pas à résoudre..
 
http://sheika82.free.fr/v2/accueil.html
 
J'aimerai réduire les espacements entre le header et mon menu horizontal + entre mon menu horizontal et mon contenu...
 
Ma CSS :

Code :
  1. body
  2. {
  3.    width: 685px;
  4.    margin: auto;
  5.    background-color:#7bcadd;
  6. }
  7. #header
  8.    width: 685px;
  9.    height: 202px;
  10.    background-image: url("design/header1.jpg" );
  11.    background-repeat: no-repeat;
  12. }
  13. #bandeau
  14. {
  15.    margin-top: 0px;
  16.    margin-bottom: 0px;
  17.    width: 700px;
  18.    height: 29px;
  19. }
  20. table
  21.    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  22.    padding: 0px;
  23.    margin: 0px;
  24. }
  25. td
  26. {
  27.    padding: 0px;
  28.    margin: 0px;
  29. }
  30. #colonne1
  31. {
  32.    width: 176px;
  33.    float:left;
  34.    margin-top: 0px;
  35. }
  36. #colonne2
  37. {
  38.    width: 450px;
  39.    margin-left: 176px;
  40.    margin-top: 0px;
  41. }
  42. #menu
  43. {
  44.    background-image:url("design/background01.jpg" );
  45.    width: 685px;
  46.    margin-top: 0px;
  47. }
  48. img
  49. {
  50. border:none;
  51. }
  52. #pied_de_page
  53. {
  54.    background-color: #626262;
  55. }


 
Le XHTML :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Bienvenue sur mon site !</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.        <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />
  7.    </head>
  8.    <body>
  9. <div id="header"></div>
  10. <div id="bandeau"><table>
  11. <tr>
  12.   <td><p><img src="design/bandeau1.jpg" alt="Bandeau1" /></p></td>
  13.   <td><p><a href=""><img src="design/bandeau2.jpg" alt="Bandeau2" /></a></p></td>
  14.   <td><p><a href=""><img src="design/bandeau3.jpg" alt="Bandeau3" /></a></p></td>
  15.   <td><p><a href=""><img src="design/bandeau4.jpg" alt="Bandeau4" /></a></p></td>
  16.   <td><p><a href=""><img src="design/bandeau5.jpg" alt="Bandeau5" /></a></p></td>
  17.   <td><a href=""><img src="design/bandeau6.jpg" alt="Bandeau6" /></p></td>
  18. </tr></table></div>
  19. <div id="menu">
  20.   <div id="colonne1">
  21. <ul>
  22. <li>Lien1</li>
  23. <li>Lien2</li>
  24. <li>Lien3</li>
  25. <li>Lien4</li>
  26. <li>Lien5</li>
  27. <li>Lien6</li>
  28. <li>Lien7</li>
  29. <li>Lien8</li>
  30. </ul>
  31.   </div>
  32.   <div id="colonne2">
  33. <h1>Mon super site</h1>
  34.    <p>
  35.        Bienvenue sur mon super site !<br />
  36.        Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site  [lol]
  37.    </p>
  38.    <h2>A qui s'adresse ce site ?</h2>   
  39.    <p>
  40.        A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination;o)<br />
  41.        Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
  42.    </p>
  43.  
  44.    <h2>L'auteur</h2>   
  45.    <p>
  46.        L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
  47.        Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
  48.        Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
  49.    </p>
  50.   </div>
  51. </div>
  52. <div id="pied_de_page">
  53.    <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
  54. <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
  55. </div>
  56.      
  57.    </body>
  58. </html>


 
Bizarre bizarre..

Reply

Marsh Posté le 09-07-2005 à 18:35:21   

Reply

Marsh Posté le 09-07-2005 à 19:27:11    

Mon problème est réglé, mais je n'ai pas trouvé la commande effacer... :P

Reply

Marsh Posté le 10-07-2005 à 08:54:30    

ton site est bancalement fait en CSS

Reply

Marsh Posté le 10-07-2005 à 11:22:36    

L'effort est louable.
 
Mais il te manque quelques trucs, pour etre valide grammaticalement : au lieu d'utiliser des <br /> pour passer à la ligne, tu fermes un paragraphe et t'en ouvres un nouveau ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Sujets relatifs:

Leave a Replay

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