Quelqu'un pour corriger mon code

Quelqu'un pour corriger mon code - HTML/CSS - Programmation

Marsh Posté le 30-08-2006 à 12:38:53    

Bonjour,
Pouvez vous verifier, critiquer, corriger mon code :
 
Le XHTML

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Bienvenue dans le test!</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    <link rel="stylesheet" media="screen" type="text/css" title="design" href="design_test.css" />
  7.    </head>
  9.    <body>
  10.  
  11.  <div id="global">
  12.   <div id="head">
  13.    <div id="bloc1"></div>
  14.    <div id="bloc2"></div>
  15.    <div id="bloc3"></div>
  16.   </div>
  18.   <div id="main">
  19.    <div id="blocmenu">
  20.     <div class="navcontainer">
  21.      <ul class="navlist">
  22.       <li><a href="connnecter.html#">Se connecter</a></li>
  23.      </ul>
  24.     </div>
  26.     <div class="mbloc">Présentation</div>
  28.     <div class="navcontainer">
  29.      <ul class="navlist">
  30.       <li><a href="lien#">lien 1</a></li>
  31.      <li><a href="lien.html#">lien 2</a></li>
  32.      <li><a href="lien.html#">lien 3</a></li>
  33.      <li><a href="lien.html#">lien 4</a></li>
  34.      <li><a href="lien.html#">lien 5</a></li>
  35.      <li><a href="lien.html#">lien 6</a></li>
  36.      <li><a href="lien.html#">lien 7</a></li>
  37.      <li><a href="lien.html#">lien 8</a></li>
  38.      </ul>
  39.     </div>
  41.     <div class="mbloc">Informations générales</div>
  43.     <div class="navcontainer">
  44.      <ul class="navlist">
  45.       <li><a href="lien.html#">lien 9</a></li>
  46.       <li><a href="lien.html#">lien 10</a></li>
  47.       <li><a href="lien.html#">lien 11</a></li>
  48.       <li><a href="lien.html#">lien 12</a></li>
  49.      </ul>
  50.     </div>
  51.    </div>
  52.     <div id="contenu">
  53.      <p>Salut à tous merci de vérifier le code</p>
  54.      <p>Test</p>
  55.      <p>Test</p>
  56.      <p>Test</p>
  57.      <p>Test</p>
  58.      <p>Test</p>
  59.      <p>Test</p>
  60.      <p>Test</p>
  61.      <p>Test</p>
  62.      <p>Test</p>
  63.      <p>Test</p>
  64.      <p>Test</p>
  65.      <p>Test</p>
  66.      <p>Test que le main suit la taille du bloc contenu dans firefox</p>
  67.     </div>
  68.     <div id="blocphotos"></div>
  69.   </div>
  70.  </div>
  72.    </body>
  73. </html>


 
Le CSS

Code :
  1. body
  2. {
  3. margin-top: 30px;
  4. background: #333333;
  5. font: bold 12px verdana,helvetica,arial,sans-serif;
  6. }
  7. #global
  8. {
  9. width: 943px;
  10. height: auto;
  11. margin: auto;
  12. }
  13. /*Head : disposition des 3 premiers blocs*/
  14. #head
  15. {
  16. width: 943px;
  17. height: 107px;
  18. background-color: white;
  19. border-bottom: #808080 1px solid;
  20. }
  21. #bloc1
  22. {
  23. float: left;
  24. width: 210px;
  25. height: 100%;
  26. }
  27. #bloc2
  28. {
  29. float: left;
  30. width: 530px;
  31. height: 100%;
  32. border-left: #808080 1px solid;
  33. border-right: #808080 1px solid;
  34. }
  35. #bloc3
  36. {
  37. float: left;
  38. width: 201px;
  39. height: 100%;
  40. }
  41. /*Head : disposition des 3 premiers blocs*/
  42. /*Main : disposition des 3 blocs : menu, contenu et bloc photos*/
  43. #main
  44. {
  45. width: 943px;
  46. height: auto;
  47. background: #333399;
  48. float : left;
  49. }
  51. /*Création du menu*/
  52. #blocmenu
  53. {
  54. float: left;
  55. background-color: blue;
  56. }
  57. ul.navlist
  58. {
  59. width: 210px;
  60. margin: 0px;
  61. padding-right: 0px;
  62. padding-left: 0px;
  63. padding-bottom: 0px;
  64. padding-top: 0px;
  65. background: #808080;
  66. border-bottom: #808080 1px solid;
  67. }
  68. ul.navlist li
  69. {
  70. border-top: #808080 1px solid;
  71. border-left-width: 0px;
  72. border-bottom-width: 0px;
  73. margin: 0px;
  74. list-style-type: none;
  75. border-right-width: 0px
  76. }
  77. ul.navlist li a
  78. {
  79. border-top-width: 0px;
  80. border-bottom-width: 0px;
  81. border-left: #aaaabb 20px solid;
  82. border-right-width: 0px;
  83. padding-right: 8px;
  84. padding-left: 8px;
  85. padding-top: 7px;
  86. padding-bottom: 7px;
  87. display: block;
  88. background: #333399;
  89. width: 174px;
  90. text-align: left;
  91. text-decoration: none;
  92. }
  93. ul.navlist li a:link
  94. {
  95. color: white;
  96. }
  97. ul.navlist li a:hover
  98. {
  99. border-left-color: #ff9000;
  100. background: #000d33;
  101. border-bottom-color: #ff9000;
  102. border-top-color: #ff9000;
  103. border-right-color: #ff9000;
  104. color: #ffffff;
  105. }
  106. .mbloc
  107. {
  108. background-color: #ffffff;
  109. color: #333366;
  110. width: 210px;
  111. text-indent: 15px;
  112. padding-top: 7px;
  113. padding-bottom: 7px;
  114. }
  115. /*Création du menu*/
  116. #contenu
  117. {
  118. float: left;
  119. width: 530px;
  120. height: auto;
  121. line-height: 20px;
  122. text-align: center;
  123. border-left: #808080 1px solid;
  124. border-right: #808080 1px solid;
  125. padding-top: 15px;
  126. padding-bottom: 55px;
  127. background: white;
  128. }
  129. #blocphotos
  130. {
  132. }
  133. /*Main : disposition des 3 blocs : menu, contenu et bloc photos*/


 
Merci

Reply

Marsh Posté le 30-08-2006 à 12:38:53   

Reply

Marsh Posté le 30-08-2006 à 13:15:26    

Je l'ai testé sous firefox. Apparement ca fonctionne.

Reply

Marsh Posté le 30-08-2006 à 15:04:16    

Je voudrais surtout savoir si ce que j'ai fait est correct car c'est mon premier site. Est ce qu'il y a possibilité de faire mieux, ou supprimer certaines parties de CSS ou Xhtml.
 
Merci :)

Reply

Sujets relatifs:

Leave a Replay

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