Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2028 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  incomprehension d'un bug

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

incomprehension d'un bug

n°874514
masamunete​tsuo
Repens toi !
Posté le 15-10-2004 à 22:46:27  profilanswer
 

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 ????

mood
Publicité
Posté le 15-10-2004 à 22:46:27  profilanswer
 

n°874519
masamunete​tsuo
Repens toi !
Posté le 15-10-2004 à 22:58:48  profilanswer
 

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. }

n°874546
Leris
Posté le 15-10-2004 à 23:14:11  profilanswer
 

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.

n°874569
masamunete​tsuo
Repens toi !
Posté le 15-10-2004 à 23:39:05  profilanswer
 

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

n°874583
gm_superst​ar
Appelez-moi Super
Posté le 15-10-2004 à 23:51:59  profilanswer
 

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
n°874596
masamunete​tsuo
Repens toi !
Posté le 16-10-2004 à 00:09:31  profilanswer
 

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

n°874605
gm_superst​ar
Appelez-moi Super
Posté le 16-10-2004 à 00:26:08  profilanswer
 

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
n°874627
masamunete​tsuo
Repens toi !
Posté le 16-10-2004 à 02:04:42  profilanswer
 

:??: 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 :)

n°874651
Hermes le ​Messager
Breton Quiétiste
Posté le 16-10-2004 à 08:59:21  profilanswer
 

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...

n°874674
gm_superst​ar
Appelez-moi Super
Posté le 16-10-2004 à 10:40:02  profilanswer
 

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
mood
Publicité
Posté le 16-10-2004 à 10:40:02  profilanswer
 

n°874759
masamunete​tsuo
Repens toi !
Posté le 16-10-2004 à 13:37:48  profilanswer
 

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 :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  incomprehension d'un bug

 

Sujets relatifs
pb ou incomprehension de $_files !p'tit incompréhension de mon propre code.
incompréhension du fonctionnemnent des nombres flottants 
Plus de sujets relatifs à : incomprehension d'un bug


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)