incomprehension d'un bug

incomprehension d'un bug - HTML/CSS - Programmation

Marsh Posté le 15-10-2004 à 22:46:27    

alors voila le topo :
je monte un petit site de vente par correspondance pour la boite de ma mere, je fais ca moitié au note pad moitié avec dreamweaver.
 
www.lavieenkit.com
 
soucis :
 
en fait le bas des pages disparait si on va sur le menu  
et faux revenir en haut du menu avec la souris pour que ca réapparaisse   :heink:  
 
( toutes les pages ne sont pas encore dispos , sont dispos " appliqués, creatrice, généralités )  
 
qu'est ce que dreamweaver m'a rajouté comme code de merde pour faire ca ????

Reply

Marsh Posté le 15-10-2004 à 22:46:27   

Reply

Marsh Posté le 15-10-2004 à 22:58:48    

au cas ou voici la style sheet "made in dreamweaver"
 

Code :
  1. /***********************************************/
  2. /* 2col_leftNav.css                            */
  3. /* Use with template 2col_leftNav.html          */
  4. /***********************************************/
  5. /***********************************************/
  6. /* HTML tag styles                             */
  7. /***********************************************/
  8. body{
  9. font-family: Arial,sans-serif;
  10. color: #333333;
  11. line-height: 1.166;
  12. margin: 0px;
  13. padding: 0px;
  14. }
  15. a:link, a:visited, a:hover {
  16. color: #006699;
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. text-decoration: underline;
  21. }
  22. /* overrides decoration from previous rule for hovered links */
  23. h1, h2, h3, h4, h5, h6 {
  24. font-family: Arial,sans-serif;
  25. margin: 0px;
  26. padding: 0px;
  27. }
  28. h1{
  29. font-family: Verdana,Arial,sans-serif;
  30. font-size: 120%;
  31. color: #334d55;
  32. }
  33. h2{
  34. font-size: 114%;
  35. color: #006699;
  36. }
  37. h3{
  38. font-size: 100%;
  39. color: #334d55;
  40. }
  41. h4{
  42. font-size: 100%;
  43. font-weight: normal;
  44. color: #333333;
  45. }
  46. h5{
  47. font-size: 100%;
  48. color: #334d55;
  49. }
  50. ul{
  51. list-style-type: square;
  52. }
  53. ul ul{
  54. list-style-type: disc;
  55. }
  56. ul ul ul{
  57. list-style-type: none;
  58. }
  59. label{
  60. font: bold 100% Arial,sans-serif;
  61. color: #334d55;
  62. }
  63. /***********************************************/
  64. /* Layout Divs                                 */
  65. /***********************************************/
  66. #masthead{
  67. margin: 0;
  68. padding: 10px 0px;
  69. border-bottom: 1px solid #cccccc;
  70. width: 100%;
  71. }
  72. #navBar{
  73. margin: 0 79% 0 0;
  74. padding: 0px;
  75. background-color: #eeeeee;
  76. border-right: 1px solid #ccc;
  77. border-bottom: 1px solid #ccc;
  78. }
  79. #content{
  80.   float:right;
  81. width: 75%;
  82. margin: 0;
  83. padding: 0 3% 0 0;
  84. }
  85. /***********************************************/
  86. /*Component Divs                               */
  87. /***********************************************/
  88. #siteName{
  89. margin: 0px;
  90. padding: 0px 0px 10px 10px;
  91. }
  92. /*************** #pageName styles **************/
  93. #pageName{
  94. padding: 0px 0px 10px 10px;
  95. }
  96. /************* #globalNav styles **************/
  97. #globalNav{
  98. color: #cccccc;
  99. padding: 0px 0px 0px 10px;
  100. white-space: nowrap;
  101. }
  102. /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
  103.    this will force a horizontal scrollbar if there isn't enough room for all links
  104.    remove rule or change value to 'normal' if you want the links to line-wrap */
  105. #globalNav img{
  106. display: block;
  107. }
  108. #globalNav a {
  109. font-size: 90%;
  110. padding: 0px 4px 0px 0px;
  111. }
  112. /************* #breadCrumb styles *************/
  113. #breadCrumb{
  114. font-size: 80%;
  115. padding: 5px 0px 5px 10px;
  116. }
  117. /************** .feature styles ***************/
  118. .feature{
  119. padding: 0px 0px 10px 10px;
  120. font-size: 80%;
  121. }
  122. .feature h3{
  123. padding: 30px 0px 5px 0px;
  124. text-align: center;
  125. }
  126. .feature img{
  127. float: left;
  128. padding: 0px 10px 0px 0px;
  129. margin: 0 5px 5px 0;
  130. }
  131. /* adjust margins to change separation between the feature image and text flowing around it */
  132. /************** .story styles *****************/
  133. .story{
  134. clear: both;
  135. padding: 10px 0px 0px 10px;
  136. font-size: 80%;
  137. }
  138. .story p{
  139. padding: 0px 0px 10px 0px;
  140. }
  141. /************* #siteInfo styles ***************/
  142. #siteInfo{
  143. clear: both;
  144. border: 1px solid #cccccc;
  145. font-size: 75%;
  146. color: #cccccc;
  147. padding: 10px 10px 10px 10px;
  148. margin-top: -1px;
  149. }
  150. /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
  151. the bottom border of the navBar in cases where they "touch" */
  152. #siteInfo img{
  153. padding: 4px 4px 4px 0px;
  154. vertical-align: middle;
  155. }
  156. /************* #search styles ***************/
  157. #search{
  158. padding: 5px 0px 5px 10px;
  159. border-bottom: 1px solid #cccccc;
  160. font-size: 90%;
  161. }
  162. #search form{
  163. margin: 0px;
  164. padding: 0px;
  165. }
  166. #search label{
  167. display: block;
  168. margin: 0px;
  169. padding: 0px;
  170. }
  171. /*********** #navBar link styles ***********/
  172. #navBar ul a:link, #navBar ul a:visited {display: block;}
  173. #navBar ul {list-style: none; margin: 0; padding: 0;}
  174. /* hack to fix IE/Win's broken rendering of block-level anchors in lists */
  175. #navBar li {border-bottom: 1px solid #EEE;}
  176. /* fix for browsers that don't need the hack */
  177. html>body #navBar li {border-bottom: none;}
  178. /*********** #sectionLinks styles ***********/
  179. #sectionLinks{
  180. margin: 0px;
  181. padding: 0px;
  182. border-bottom: 1px solid #cccccc;
  183. font-size: 90%;
  184. }
  185. #sectionLinks h3{
  186. padding: 10px 0px 2px 10px;
  187. }
  188. #sectionLinks a:link{
  189. padding: 2px 0px 2px 10px;
  190. border-top: 1px solid #cccccc;
  191. width: 100%;
  192.   voice-family: "\"}\"";
  193.   voice-family:inherit;
  194. width: auto;
  195. }
  196. #sectionLinks a:visited{
  197. border-top: 1px solid #cccccc;
  198. padding: 2px 0px 2px 10px;
  199. }
  200. #sectionLinks a:hover{
  201. border-top: 1px solid #cccccc;
  202. background-color: #dddddd;
  203. padding: 2px 0px 2px 10px;
  204. }
  205. /*********** .relatedLinks styles ***********/
  206. .relatedLinks{
  207. margin: 0px;
  208. padding: 0px 0px 10px 10px;
  209. font-size: 90%;
  210. }
  211. .relatedLinks h3{
  212. padding: 10px 0px 2px 0px;
  213. }
  214. /************** #advert styles **************/
  215. #advert{
  216. padding: 10px 0px 0px 10px;
  217. font-size: 80%;
  218. border-top: 1px solid #cccccc;
  219. }
  220. #advert img{
  221. display: block;
  222. }
  223. /************** #headlines styles **************/
  224. #headlines{
  225. margin: 0px;
  226. padding: 10px 0px 20px 10px;
  227. font-size: 80%;
  228. }
  229. #headlines p{
  230. padding: 5px 0px 5px 0px;
  231. }

Reply

Marsh Posté le 15-10-2004 à 23:14:11    

salut,
 
tout en haut de ton code , il y a ça :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">


 
tu le jettes par la fenetre et tu mets, soit rien , soit ça :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


 
bonne continuation  :pt1cable:  
 
++
 
L.

Reply

Marsh Posté le 15-10-2004 à 23:39:05    

:lol: mais quel blaireau :pt1cable:
 
merci d'avoir mis le doigt sur mon énorme connerie :D

Reply

Marsh Posté le 15-10-2004 à 23:51:59    

masamunetetsuo a écrit :


merci d'avoir mis le doigt sur mon énorme connerie :D


Et en quoi c'était une énorme connerie ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 16-10-2004 à 00:09:31    

tout simplement de laisser l'en tete d'une page XHTML sur une page codée en HTML :)
 
forcément le nav va pas trouver exactement ce qu'il attend du coup :p

Reply

Marsh Posté le 16-10-2004 à 00:26:08    

masamunetetsuo a écrit :

tout simplement de laisser l'en tete d'une page XHTML sur une page codée en HTML :)


Ben je sais pas, mais quand je vois :
 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="2col_leftNav.css" type="text/css" />
<img src="photos/accueil.jpg" width="184" height="246" border="0" />


 
je me dis que c'est du XHTML...
 
Mais vu qu'il y a aussi :
 

<img src="photos/logo2.jpg">


 
je me dis que c'est du HTML...
 
 
En fait, ta page, c'est ni l'un ni l'autre.
 
Fais un choix [:spamafote]

masamunetetsuo a écrit :

forcément le nav va pas trouver exactement ce qu'il attend du coup :p


Forcément quand une page n'est pas valide, le comportement du navigateur est moins prévisible... Et ce n'est sûrement pas en remplaçant des DOCTYPE au pif que ça va aider à comprendre comment ça marche.
 
 
Bref, corrige les erreurs avec ce bon vieux validateur : http://validator.w3.org/
 
en commençant par ajouter un <body> parce que je crois que ta coupe sévère façon bucheron bourré est allée un peu plus loin que prévu...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 16-10-2004 à 02:04:42    

:??: tout le fichier est en html .
il n'y avait que l'en tete en XHTML et qui donc posait problème.
 
de plus le <body> est bien présent  :o  
 
enfin bon spa grave il roule nickel maintenant :)

Reply

Marsh Posté le 16-10-2004 à 08:59:21    

masamunetetsuo a écrit :

:??: tout le fichier est en html .
il n'y avait que l'en tete en XHTML et qui donc posait problème.
 
de plus le <body> est bien présent  :o  
 
enfin bon spa grave il roule nickel maintenant :)


 
Non :
 
<img src="photos/accueil.jpg" width="184" height="246" border="0" />
 
C'est du XHTML.
 
De plus, deux petites choses :
 
1) Tu es hors charte en venant te faire débugguer un code produit en partie par dreamweaver.
 
2) Quand des gens comme GM te disent quelque chose, commence déjà un peu par te remettre en question avant toute chose hein... Parce que lui, il sait un peu de quoi il parle ce qui n'est visiblement pas ton cas...

Reply

Marsh Posté le 16-10-2004 à 10:40:02    

masamunetetsuo a écrit :

:??: tout le fichier est en html .
il n'y avait que l'en tete en XHTML et qui donc posait problème.


Et pourtant, non...

masamunetetsuo a écrit :


de plus le <body> est bien présent  :o


Petite erreur, je voulais parler de <html> :o

masamunetetsuo a écrit :


enfin bon spa grave il roule nickel maintenant :)


Mouais... Il y a des erreurs de validation faciles à corriger et si tu les avais corrigées tu aurais vu que tu n'avais pas à changer de DOCTYPE...
D'ailleurs, pourquoi mettre un DOCTYPE si c'est pour ne pas vouloir faire une page valide ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 16-10-2004 à 10:40:02   

Reply

Marsh Posté le 16-10-2004 à 13:37:48    

tout simplement parceque j'ai voulu me servir de dreamweaver pour une fois .
 
Et ne le connaissant pas, j'ai été obligé de revenir a la main pour faire ce que je voulais et que ne savais pas comment faire avec dreamweaver  ....
 
enfin je n'ai jamais prétendu avoir de grosses connaissances dans le domaine ...  
 
Enfin bon ca viendra avec le temps :)

Reply

Sujets relatifs:

Leave a Replay

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