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. }
  8. #header
  9. { 
  10.    width: 685px;
  11.    height: 202px;
  12.    background-image: url("design/header1.jpg" );
  13.    background-repeat: no-repeat;
  14. }
  16. #bandeau
  17. {
  18.    margin-top: 0px;
  19.    margin-bottom: 0px;
  20.    width: 700px;
  21.    height: 29px;
  22. }
  25. table
  26. { 
  27.    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  28.    padding: 0px;
  29.    margin: 0px;
  30. }
  32. td
  33. {
  34.    padding: 0px;
  35.    margin: 0px;
  36. }
  38. #colonne1
  39. {
  40.    width: 176px;
  41.    float:left;
  42.    margin-top: 0px;
  43. }
  44. #colonne2
  45. {
  46.    width: 450px;
  47.    margin-left: 176px;
  48.    margin-top: 0px;
  49. }
  51. #menu
  52. {
  53.    background-image:url("design/background01.jpg" );
  54.    width: 685px;
  55.    margin-top: 0px;
  56. }
  58. img
  59. {
  60. border:none;
  61. }
  63. #pied_de_page
  64. {
  65.    background-color: #626262;
  66. }


 
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>
  10. <div id="header"></div>
  12. <div id="bandeau"><table>
  13. <tr>
  14.   <td><p><img src="design/bandeau1.jpg" alt="Bandeau1" /></p></td>
  15.   <td><p><a href=""><img src="design/bandeau2.jpg" alt="Bandeau2" /></a></p></td>
  16.   <td><p><a href=""><img src="design/bandeau3.jpg" alt="Bandeau3" /></a></p></td>
  17.   <td><p><a href=""><img src="design/bandeau4.jpg" alt="Bandeau4" /></a></p></td>
  18.   <td><p><a href=""><img src="design/bandeau5.jpg" alt="Bandeau5" /></a></p></td>
  19.   <td><a href=""><img src="design/bandeau6.jpg" alt="Bandeau6" /></p></td>
  20. </tr></table></div>
  22. <div id="menu">
  23.   <div id="colonne1">
  24. <ul>
  25. <li>Lien1</li>
  26. <li>Lien2</li>
  27. <li>Lien3</li>
  28. <li>Lien4</li>
  29. <li>Lien5</li>
  30. <li>Lien6</li>
  32. <li>Lien7</li>
  33. <li>Lien8</li>
  34. </ul>
  36.   </div>
  38.   <div id="colonne2">
  39. <h1>Mon super site</h1>
  41.    <p>
  42.        Bienvenue sur mon super site !<br />
  44.        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]
  45.    </p>
  47.    <h2>A qui s'adresse ce site ?</h2>   
  48.    <p>
  49.        A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination;o)<br />
  50.        Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
  51.    </p>
  52.  
  53.    <h2>L'auteur</h2>   
  54.    <p>
  56.        L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
  57.        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 />
  58.        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).
  59.    </p>
  60.   </div>
  63. </div>
  65. <div id="pied_de_page">
  66.    <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
  68. <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
  69. </div>
  70.      
  71.    </body>
  72. </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