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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu vertical déroulant hs sous firefox

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Menu vertical déroulant hs sous firefox

n°1134041
porc1net
superseded
Posté le 28-06-2005 à 18:32:59  profilanswer
 

Salut, dans le cadre d'un stage je réalise un site internet. Voulant en profiter pour apprendre le php et les feuilles de style css, j'ai bâti mon site sur le CMS Itseasy.
J'ai aussi intégré un menu déroulant vertical que j'avais trouvé sur le site alsacréation. Dans la boite où je bosse, le site marche très bien, sous IE.
Ce soir je rentre chez moi avec une copie du site et horreure le menu déconne à fond sous firefox. Etant donné que firefox respecte beaucoup mieux les standarts je pense que le souci viens de mon code.
Voici l'url d'une page de mon site :
http://prc.rezoo.org/sivom
et le css correspondant :

Code :
  1. body {
  2. margin:0em;
  3. margin-top:0.5em;
  4. padding:0em;
  5. background:#F2F2F2;
  6. background-repeat:repeat-y;
  7. color:#000;
  8. font-family:"Trebuchet MS", verdana, sans-serif;
  9. font-size:0.75em;
  10. }
  12. .sn_date
  13. {
  14. font-size : 0.9em;
  15. color : #001EFF;
  16. text-align : justify;
  17. }
  18. .sn_new
  19. {
  20. font-size : 1.0em;
  21. color : #000000;
  22. text-align : justify;
  23. }
  26. #menu {
  27. position: float;
  28. top: 10em;
  29. left: 1em;
  30. width: 10em;
  31. }
  33. #menu ul {
  34. margin: 0em;
  35. padding:2px;
  36. list-style: none;
  37. float : left;
  38. width : 11em;
  39. }
  41. #menu li {
  42. color:#666;
  43. font-weight:bold;
  44. text-align: left;
  45. font-size: 85%;
  46. height: 20px;
  47. line-height: 20px;
  48. background:#fff;
  50. }
  52. #menu li ul {
  53. font-size: 120%;
  54. }
  56. #menu li ul li{
  57. margin-left : 0.3em;
  58. }
  60. #menu li a, #menu dt a {
  61. color: #000;
  62. text-decoration: none;
  63. display: block;
  64. }
  66. #menu li a:hover {
  67. color :#0099FF ;
  68. }
  70. .lien_sortant {
  71. margin-right:18px;
  72. background:url("./images/out.png" );
  73. background-repeat:no-repeat;
  74. }
  76. .admin  {
  77. background:#FFF3F1;
  78. }
  80. .system {
  81. background:#F6FFF3;
  82. }
  84. blockquote {
  85. margin:1em;
  86. padding:1em;
  87. background:#dbf2fc;;
  88. -border:5px solid #dbf2fc;;
  89. -moz-border-radius:5px;
  90. }
  92. .bb_area {
  93. width:90%;
  94. }
  96. h1 {
  97. font-size:1.4em;
  98. color:#0099FF;
  99. margin-top:1.4em;
  100. margin-bottom:1.4em;
  101. }
  103. h2 {
  104. font-size:1.2em;
  105. margin-top:0em;
  106. color:#666;/*#087CAE;*/
  107. margin-top:1.3em;
  108. margin-bottom:1.3em;
  109. }
  112. h3 {
  113. font-size:1em;
  114. margin-top:0em;
  115. color:#087CAE;
  116. margin-top:1.3em;
  117. margin-bottom:1.3em;
  118. }
  121. strong {
  122. font-weight:bold;
  123. color:#444;
  124. }
  126. acronym {
  127. border-bottom:0.1em dotted #666;
  128. }
  130. ul {
  131. margin-top:1.5em;
  132. margin-bottom:1.5em;
  133. }
  135. li {
  136. margin-top:0.8em;
  137. margin-bottom:0.8em;
  138. }
  140. input, textarea {
  141. border:1px solid #DEDEDE;
  142. border-top:2px solid #DEDEDE;
  143. border-left:2px solid #DEDEDE;
  144. background:#dbf2fc;
  145. margin-top:0.3em;
  146. margin-bottom:0.3em;
  147. font-size:0.8em;
  148. }
  150. textarea {font-size:1em;width:80%;}
  152. input:hover {
  153. background:#f4fbfe;
  154. }
  156. p {
  157. line-height:1.7em;
  158. }
  160. a:link, a:visited {
  161. color:#666;
  162. text-decoration:underline;
  163. }
  165. a:hover {
  166. color:#0099FF;
  167. text-decoration:underline;
  168. }
  170. .spacer {
  171. border:0em;
  172. clear:both;
  173. margin:0em;
  174. padding:0em;
  175. width:0em;
  176. }
  178. .structure {
  179. padding:0em;
  180. background:#fff;
  181. border-left:1px solid #CDCDCD;
  182. border-right:1px solid #CDCDCD;
  183. width:780px;
  184. margin:auto;
  185. }
  187. .conteneur {
  188. background:#fff;
  189. background-position:bottom;
  190. }
  192. .header {
  193. height:65px;
  194. border-bottom:1px solid #CDCDCD;
  195. background:url("./images/header.png" ) #0ba6eb;
  196. color:#000;
  197. font-size:0.5em;
  198. }
  200. .gauche {
  201. float:left;
  202. width:20%;
  203. background:#fff;
  204. }
  206. .block_sommaire_gauche {
  207. margin:0em;
  208. }
  210. .block_sommaire_gauche a:link, .block_sommaire_gauche a:visited {
  211. text-decoration:none;
  212. border:0em;
  213. }
  215. .block_sommaire_gauche a:hover {
  216. color:#0099FF;
  217. }
  219. .block_sommaire_gauche p {
  220. margin:0em;
  221. padding-top:0.3em;
  222. padding-bottom:0.3em;
  223. text-indent:0.5em;
  224. color:#666;
  225. font-weight:bold;
  226. border-bottom:1px dotted #DEDEDE;
  227. background:#fff;
  228. }
  230. .block_sommaire_gauche ul {
  231. margin:0em;
  232. padding:0em;
  233. text-indent:1em;
  234. list-style: none;
  235. float : left;
  236. width : 11em;
  237. }
  239. .block_sommaire_gauche li {
  240. list-style-position:relative;
  241. list-style-type:none;
  242. float : left;
  243. line-height : 1.25em;
  244. width: 11em;
  245. margin-top:0em;
  246. margin-bottom:0em;
  247. padding-top:0.3em;
  248. padding-bottom:0.3em;
  249. background:#fff;
  250. }
  252. .block_sommaire_gauche li a:link, .block_sommaire_gauche li a:visited {
  253. text-decoration:none;
  254. font-weight:normal;
  255. color:#000;
  256. }
  258. .block_sommaire_gauche li a:hover {
  259. color:#0099FF;
  260. }
  262. .droite {
  263. float:left;
  264. width:20%;
  265. background:#fff;
  266. }
  268. .block_sommaire_droite {
  269. margin:0em;
  270. }
  272. .block_sommaire_droite h1 {
  273. margin:0em;
  274. padding-top:0.3em;
  275. padding-bottom:0.3em;
  276. text-indent:0.5em;
  277. color:#666;
  278. font-weight:bold;
  279. border-bottom:1px dotted #DEDEDE;
  280. background:#fff;
  281. font-size:1em;
  282. text-decoration:none;
  283. }
  285. .block_sommaire_droite h1 a {
  286. text-decoration:none;
  287. border:0em;
  288. }
  290. .block_sommaire_droite h1 a:link, .block_sommaire_droite h1 a:visited {
  291. text-decoration:none;
  292. border:0em;
  293. }
  295. .block_sommaire_droite h1 a:hover {
  296. color:#0099FF;
  297. }
  299. .block_sommaire_droite p, .block_sommaire_droite ul {
  300. margin:0em;
  301. padding:0.8em;
  302. text-align:justify;
  303. background:#fff;
  304. }
  306. .block_sommaire_droite ul {
  307. padding:0em;
  308. padding-left:0.8em;
  309. padding-right:0.8em;
  310. padding-bottom:1em;
  311. }
  313. .block_sommaire_droite li {
  314. list-style-position:inside;
  315. padding:0em;
  316. margin:0em;
  317. text-indent:1em;
  318. }
  320. .article_locked {
  321. margin:0em;
  322. background:url("./images/fond_article.png" ) #fff;
  323. }
  325. .article {
  326. float:left;
  327. width:59%;
  328. margin-top:0em;
  329. margin-bottom:0em;
  330. background:url("./images/fond_article.png" ) #fff;
  331. border-right:1px dotted #DEDEDE;
  332. border-left:1px dotted #DEDEDE;
  333. }
  335. .contenu_article {
  336. padding:1.5em;
  337. padding-top:0em;
  338. text-align:justify;
  339. }
  341. .contenu_article hr {
  342. border:0em;
  343. border-bottom:1px dotted #999;
  344. background:#fff;
  345. margin:auto;
  346. margin-top:1.8em;
  347. margin-bottom:1.8em;
  348. width:80%;
  349. text-align:center;
  350. }
  352. .footer {
  353. font-size:0.8em;
  354. padding:0.8em;
  355. text-align:right;
  356. border-top:1px solid #CDCDCD;
  357. border-bottom:1px solid #CDCDCD;
  358. background:url("./images/footer.png" ) #0ba6eb;
  359. background-position:bottom;
  360. color:#fff;
  361. }
  363. .powered {
  364. font-size:0.85em;
  365. text-align:center;
  366. color:#666;
  367. }
  369. .generation {
  370. width:99%;
  371. text-align:center;
  372. margin:1em;
  373. font-size:0.8em;
  374. color:#666;
  375. }
  377. .red {
  378. color:red;
  379. }
  381. .previsualisation {
  382. background:#fff;
  383. margin:0.5em;
  384. padding:1em;
  385. border:1px solid #cad0d8;
  386. }
  388. .localisation {
  389. font-size:0.9em;
  390. background:#fff;
  391. padding:0.3em;
  392. border-top:1px solid #fff;
  393. border-bottom:1px dotted #DEDEDE;
  394. }
  396. .editeur {
  397. height:500px;
  398. width:90%;
  399. }
  401. table {
  402. border:1px solid #CAD0D8;
  403. background:#fff;
  404. padding:0.5em;
  405. border-collapse:collapse;
  406. letter-spacing:-1px;
  407. text-align:center;
  408. }
  410. th {
  411. background:#dbf2fc;
  412. color:#666;
  413. text-align:center;
  414. padding:0.3em;
  415. }
  417. td {
  418. border:1px solid #CAD0D8;
  419. background:#fff;
  420. padding:0.3em;
  421. }
  423. img a:link, img a:hover, img a:visited, img {
  424. border:0em;
  425. }
  428. samp {
  429. font-size:1em;
  430. background:#fff;
  431. padding:1em;
  432. border:1px solid #dbf2fc;
  433. border-left:1em solid #dbf2fc;
  434. display:block;
  435. }
  437. pre {
  438. font-size:1em;
  439. background:#fff;
  440. padding:1em;
  441. border:1px solid #CAD0D8;
  442. border-left:1em solid #CAD0D8;
  443. }


 
Désolé pour la longueur, il faudrais que j'y fasse le ménage.
Si quelqu'un pouvait y jeter un coup d'oeil se serait sympa  [:itm]  
Merci


Message édité par porc1net le 28-06-2005 à 18:37:31

---------------
"Le basketball est le second sport d’intérieur le plus excitant, et le premier ne devrait pas avoir de spectateurs." D. Vertlieb - Feed
mood
Publicité
Posté le 28-06-2005 à 18:32:59  profilanswer
 

n°1134295
porc1net
superseded
Posté le 29-06-2005 à 08:18:09  profilanswer
 

Personne ? :(


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

  Menu vertical déroulant hs sous firefox

 

Sujets relatifs
menu horizontal dans un header.script incompatible MOZ/FIREFOX
Police dynamique sous Mozilla FirefoxFireFox, Javascript et FLASH
probleme entre internet explorer et firefoxGalerie PHP qui ne marche pas sous Firefox
[C#] masquer / afficher le menu (MainMenu)Probleme avec FIREFOX et EBAY
Problème champ texte firefoxHELP, Menu déroulant dynamique avec PHP [RESOLU]
Plus de sujets relatifs à : Menu vertical déroulant hs sous firefox

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.071 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR