Se connecter avec
S'enregistrer | Connectez-vous

Problème CSS

Dernière réponse : dans Programmation

Bonsoir,

J'ai un un problème avec mon site que je suis en train de réaliser. L'image de mon menu se répète, et je vois pas ou est le problème.



Code XHTML:

  1. <html>
  2. <head>
  3. <title>Gestion des savoirs</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <link rel="stylesheet" type="text/css" media="screen" href="images/style.css" />
  6. </head>
  7. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  8. <table style="text-align: left; width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
  9. <tbody>
  10. <tr>
  11. <td class="head">
  12. <ul>
  13. <li><a href="diffuseur.php">Diffuseur</a></li>
  14. <li><a href="contact.php">Contact</a></li>
  15. <li><a href="acces.php">Accès</a></li>
  16. <li><a href="region_et_activites.php">Région et activités</a></li>
  17. <li><a href="hebergement.php">Hébergement</a></li>
  18. <li><a href="index.php">Gestion des connaissances</a></li>
  19. </ul>
  20. </td>
  21. </tr>
  22. <tr>
  23. <td class="menu"><span class="menu_t">Menu</span></td>
  24. <td class="corps">
  25. <h1>Bienvenue !</h1><p>Bienvenue sur le site <i>Gestion des connaissances</i>. Vous trouverez sur ce site...</p><hr/>
  26. <h1>Quezaquo ?</h1><p>Pour plus d'infos...</p><hr/>
  27. </td>
  28. </tr>
  29. <tr>
  30. <td colspan="2" rowspan="1" class="foot">Gestion des connaissances © Tous droits réservés | Design par <a href="<a href="http://kommunauty.fr" target="_blank">http://kommunauty.fr</a>" target="_blank">SiMax</a></td>
  31. </tr>
  32. </tbody>
  33. </table>
  34.  
  35. </body>
  36. </html>
  37. </code>
  38.  
  39. Code source:
  40.  
  41. <code>
  42. * {
  43. color:#00c0ff;
  44. font-family:verdana;
  45. }
  46. .body {
  47. backgound:#a6e9ff;
  48. }
  49. .head {
  50. background-image:url(images/head.png);
  51. background-repeat:no-repeat;
  52. width:1024px;
  53. height:175px;
  54. vertical-align:bottom;
  55. padding-bottom:7px;
  56. }
  57. .head ul {
  58. list-style:none;
  59. }
  60. .head li {
  61. float:right;
  62. padding-right:20px;
  63. }
  64. .head li a {
  65. text-decoration: none;
  66. color:#fff;
  67. font-weight:bold;
  68. }
  69. .menu {
  70. background:url('images/menu.png');
  71. width:200px;
  72. vertical-align:top;
  73. }
  74. .menu * {
  75. margin-left:10px;
  76. }
  77. .foot {
  78. background:url('images/foot.png');
  79. height:59px;
  80. color:#888;
  81. font-size:14px;
  82. text-align:center;
  83. padding-top:5px;
  84. }
  85. .foot a {
  86. color:#888;
  87. text-decoration:none;
  88. }
  89. .corps {
  90. background:#a6e9ff;
  91. vertical-align:top;
  92. padding:10px;
  93. }
  94. h1 {
  95. margin-bottom:-15px;
  96. font-variant:small-caps;
  97. color:#fff;
  98. }
  99. hr {
  100. color:#fff;
  101. background-color:#e7e7e7;
  102. height: 2px;
  103. border: 0;
  104. }

Autres pages sur : probleme css

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte
Tom's guide dans le monde