Se connecter / S'enregistrer

Résolu Aide pour mon menu déroulant sur wordpress

Solutions (30)
Tags :
  • Config PC
  • Php
  • Wordpress
  • Programmation
|
Bonjour,

Ma configuration WP actuelle
- Version de WordPress : wordpress 2.9.2
- Version de PHP/MySQL : PHP 5
- Thème utilisé : Café Press (Press75)
- Extensions en place : Audio Player, Fast and Secure Contact Form, Featured Content Gallery, FolioPress WYSIWYG, GD Press Tools, WP-Optimize
- Nom de l'hebergeur : free.fr
- Adresse du site : http://dean116.free.fr et aussi en local

Problème(s) rencontré(s) : Mon menu déroulant de base décale complétement,je bossais en local du coup j ai essayé de passer sur mon serveur Free pour voir si je rencontrais le meme probléme. Il se trouve que c pareil, j ai essayé beaucoup de tutoriels et des plugins sur wordpress, je ne trouve tjrs pas de solution. J'ai bien exploré ce forum avant de poster , merci de m aider, c un site pour un futur restaurant Indien. Merci
Contenus similaires
Meilleure solution
partage
, Modérateur |
Je ne suis pas sûr que tu aies compris ce que je t'ai dit.
Il y a une petite erreur dans ton menu, qui fait que Chrome donne un résultat bizarre, tu vas pouvoir corriger ça.

Dans ton code, tu fermes deux fois le <ul>, du coup, il y a un </ul> en trop qui traine dans ton code.

  1. <div id="navigation">
  2. <ul>
  3. <li class="current_page_item"><a href="http://www.lenewkashmir34.fr/" title="Home">Home</a></li>
  4.  
  5. <li class="page_item page-item-96"><a href="http://www.lenewkashmir34.fr/?page_id=96" title="Plan">Plan</a></li>
  6. <li class="page_item page-item-108"><a href="http://www.lenewkashmir34.fr/?page_id=108" title="Plats">Plats</a></li>
  7. <li class="page_item page-item-5"><a href="http://www.lenewkashmir34.fr/?page_id=5" title="Contact">Contact</a></li>
  8. <li id="menuItem" onmouseover="document.getElementById('nav').style.display='block';" onmouseout="document.getElementById('nav').style.display='none';">
  9. <a href="http://www.lenewkashmir34.fr/?page_id=4" title="MENU">MENU</a>
  10. <ul id="nav">
  11. <li><a href="http://www.lenewkashmir34.fr/?page_id=38" title="Menu MIDI">Menu MIDI</a></li>
  12. <li><a href="http://www.lenewkashmir34.fr/?page_id=32" title="Menu SOIR">Menu SOIR</a></li>
  13. </ul>
  14.  
  15. </li>
  16. </ul>
  17. </ul>
  18. </div>


Tu vois aux 2 avant-dernières lignes que tu fermes deux </ul>, alors qu'il n'y en a qu'un d'ouvert. Si tu supprimes un des deux, ça devrait résoudre le problème sous chrome.
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par dean116.
  • Commenter cette réponse |
Score
0
òh
òi
|
Oui j avais compris, j ai apporté la modification dés que tu m'as répondu. Ca marche pour les autres, bizzarement je bossais sur Google Chrome, mais les modificatios n étaient pas apportées comme il le fallait.
Merci
  • Commenter cette réponse |
Score
0
òh
òi
|
C est impecc pour moi, merci de m avoir aidé!!! Ca me convient parfaitement.
Je voulais juste savoir si sur Chrome tu voyais la même chose que moi. C'est bon je marque [Résolu], on y est arrivé ;) 
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Salut,

Citation :
ben c déja bien. Je crois que c le cadre transparent du site, mais ca reste bien en dessous.

Je n'ai pas compris ce que tu as voulu me dire là.

Sinon, il semblerait qu'il y ait un </ul> en trop dans ton menu, qui fait que Chrome a un peu de mal à afficher ta page ;) 
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut OmaR, ben c déja bien. Je crois que c le cadre transparent du site, mais ca reste bien en dessous.
Merci de m avoir aidé, j'y croyais plus.
Derniére chose, j ai essayé le site sur Internet explorer, Firefox ca passe bien, Google Chrome le menu entier va dans les images. Pas grand chose car la plupart utilisent IE et Firefox.
Je voudrais avoir un avis extérieur pour savoir comment le site apparait sur tes navigateurs.
Faut il vider un cache, car j ai déja nettoyé et optimisé la base de données
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Ah oui, c'est un soucis de priorité CSS
Remplace:
  1. #nav {
  2. margin:20px 0 0 -230px;
  3. padding-top:10px;
  4. position:absolute;
  5. }

par
  1. #navigation #nav {
  2. margin:20px 0 0 -230px;
  3. padding-top:10px;
  4. position:absolute;
  5. }


Et ça devrait être bon ;) 
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut Omar, ca commence à étre impecc!! C juste que lorsque ca déroule c un peu décalé. J' ai mis le site à jour!!!
  • Commenter cette réponse |
Score
0
òh
òi
|
Oui il fallait réinitialiser le domaine, quand j ai parcouru le forum OVH, du coup fait attendre entre 6h et 48h, c vraiment trop beau ca :pfff: 
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Je n'ai pas de soucis pour accéder à ton site.
Mais je sais que ça m'est arrivé d'être redirigé vers le webmail quand je voulais visiter certains sites. Mais ça aurait été un soucis de DNS plus qu'un soucis d'OVH.
  • Commenter cette réponse |
Score
0
òh
òi
|
Franchement OVH me saoule avec leurs travaux sur leur serveur. Je vais sur ma page et je me retrouve sur la page webmail !!!! En plus j ai mon travail à montrer aujourd'hui, c vraiment de la merde la
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Html:
  1. <li id="menuItem" onmouseover="document.getElementById('nav').style.display='block';" onmouseout="document.getElementById('nav').style.display='none';">
  2. <a href="http://www.lenewkashmir34.fr/?page_id=4" title="MENU">MENU</a>
  3. <ul id="nav">
  4. <li><a href="http://www.lenewkashmir34.fr/?page_id=38" title="Menu MIDI">Menu MIDI</a></li>
  5. <li><a href="http://www.lenewkashmir34.fr/?page_id=32" title="Menu SOIR">Menu SOIR</a></li>
  6. </ul>
  7.  
  8. </li>


CSS:
  1. #nav {
  2. margin:20px 0 0 -230px;
  3. padding-top:10px;
  4. position:absolute;
  5. }


Et ça devrait être bon.
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut Omar, j ai fait les modifications que tu m as indiquées mais je n ai plus de menu déroulant, disons que je te donne mon CSS aussi, peut étre que ca coince à ce niveau

  1. /*
  2. Theme Name: Cafe Press
  3. Theme URI: <a href="http://www.press75.com/" rel="nofollow" target="_blank">http://www.press75.com/</a>
  4. Description: The first release under my business line of WordPress themes. Detailed usage instructions for this theme can be found at <a href="<a href="http://www.press75.com/docs/cafepress/" rel="nofollow" target="_blank">http://www.press75.com/docs/cafepress/</a>"><a href="http://www.press75.com/docs/cafepress/&lt" rel="nofollow" target="_blank">http://www.press75.com/docs/cafepress/&lt</a>;/a>. Don't forget to configure the Cafe Press Theme Options page.
  5. Version: 1.0
  6. Author: Jason Schuller
  7. Author URI: <a href="http://www.press75.com/" rel="nofollow" target="_blank">http://www.press75.com/</a>
  8.  
  9. This theme was designed and built by Jason Schuller,
  10. whose portfolio you will find at <a href="http://www.jdidit.com" rel="nofollow" target="_blank">www.jdidit.com</a>
  11.  
  12. The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
  13. */
  14.  
  15. body {
  16. margin: 0;
  17. padding: 0;
  18. background: #1A1915 url(images/bg.jpg) top left repeat fixed;
  19. font: 0.85em Tahoma, Arial, Helvetica, sans-serif;
  20. color: #CCCCCC;
  21. line-height: 18px;
  22. }
  23.  
  24. h1 {
  25. font-family: Georgia, "Times New Roman", Times, serif;
  26. font-weight: normal;
  27. font-size: 36px;
  28. color: #FFFFFF;
  29. margin: 35px 0 15px 0;
  30. padding: 0;
  31. }
  32.  
  33. h1 a:link, h1 a:active, h1 a:visited {
  34. color: #FFFFFF;
  35. }
  36.  
  37. h1 a:hover {
  38. color: #999999;
  39. }
  40.  
  41. a:link, a:visited {
  42. color: #FFFFFF;
  43. text-decoration: none;
  44. }
  45.  
  46. a:hover {
  47. color: #A7A195;
  48. }
  49.  
  50. h2 {
  51. font-size: 18px;
  52. font-weight: normal;
  53. padding: 0;
  54. margin: 0 0 2px 0;
  55. color: #B74718;
  56. }
  57.  
  58. h2 a:link, h2 a:active, h2 a:visited {
  59. color: #B74718;
  60. }
  61.  
  62. h2 a:hover {
  63. text-decoration: underline;
  64. }
  65.  
  66. #wrapper {
  67. margin-left: auto;
  68. margin-right: auto;
  69. width: 960px;
  70. }
  71.  
  72. h3 {
  73. font-size: 18px;
  74. font-weight: normal;
  75. padding: 0;
  76. margin: 0 0 2px 0;
  77. color: #B74718;
  78. }
  79.  
  80. h4 {
  81. font-size: 14px;
  82. font-weight: normal;
  83. padding: 0;
  84. margin: 0;
  85. color: #B74718;
  86. }
  87.  
  88. h4 a:link, h4 a:active, h4 a:visited {
  89. color: #B74718;
  90. text-decoration: none;
  91. }
  92.  
  93. h4 a:hover {
  94. text-decoration: underline;
  95. }
  96.  
  97. img {
  98. border: 0;
  99. }
  100.  
  101. p {
  102. margin: 0 0 15px 0;
  103. }
  104.  
  105. .postcomments {
  106. float: right;
  107. width: 35px;
  108. height: 32px;
  109. background: url(images/comments.png) no-repeat 0 0;
  110. text-align: center;
  111. padding: 2px 0 0 0;
  112. margin: 4px 0 0 0;
  113. font-size: 14px;
  114. }
  115.  
  116. .postcomments:hover {
  117. background: url(images/comments.png) no-repeat 0 -48px;
  118. }
  119.  
  120. .date {
  121. float: left;
  122. width: 650px;
  123. }
  124.  
  125. .postdets {
  126. float: left;
  127. width: 700px;
  128. margin: 0 0 15px 0;
  129. }
  130.  
  131. ul {
  132. style="margin:30px 0 0 -80px;position:absolute;"
  133. }
  134.  
  135. blockquote {
  136. width: 80%;
  137. height: auto;
  138. margin: 0;
  139. padding: 15px 25px 15px 85px;
  140. display: block;
  141. }
  142.  
  143. #header {
  144. height: 110px;
  145. }
  146.  
  147. #logo {
  148. height: 110px;
  149. width: 480px;
  150. float: left;
  151. }
  152.  
  153. #logo h2 {
  154. margin: -41px 0 0 93px;
  155. }
  156.  
  157. * + html #logo h2 {
  158. margin: -44px 0 0 95px;
  159. }
  160.  
  161. #textlogo {
  162. height: 110px;
  163. width: 480px;
  164. float: left;
  165. color: #B74718;
  166. }
  167.  
  168. /** begin navigation **/
  169. #navigation {
  170. width: 920px;
  171. float: left;
  172. font-size: 18px;
  173. }
  174.  
  175. #navigation ul {
  176. margin: 69px 0 0 0;
  177. float: right;
  178. }
  179.  
  180. #navigation li {
  181. display: inline;
  182. margin: 0 0 0 25px;
  183. padding: 0 0 23px 0;
  184. float: left;
  185. }
  186.  
  187. #navigation li.current_page_item, #navigation li:hover {
  188. background: url(images/current.png) bottom no-repeat;
  189. }
  190. #nav, #nav ul { /* all lists */
  191. list-style: none;
  192. line-height: 1;
  193. }
  194.  
  195. #nav a {
  196. color: #fff;
  197. display: block;
  198. width: auto;
  199. text-decoration: none;
  200. }
  201.  
  202. #nav a:hover {
  203. text-decoration: underline;
  204. color:#15bf16;
  205. }
  206.  
  207. #nav li { /* all list items */
  208. float: left;
  209. height: 40px;
  210. padding: 0 15px;
  211. width: auto; /* width needed or else Opera goes nuts */
  212. }
  213.  
  214. #nav li ul { /* second-level lists */
  215. position: absolute;
  216. background: transparent;
  217. width: 10em;
  218. margin-top: 5px;
  219. padding-top: 5px;
  220. left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  221. }
  222.  
  223. #nav li ul a
  224. {
  225. font-size: 18px;
  226. }
  227.  
  228. #nav li ul ul { /* third-and-above-level lists */
  229. margin: -1em 0 0 10em;
  230. }
  231.  
  232. #nav li ul li
  233. {
  234. height: auto;
  235. padding-bottom: 10px;
  236. }
  237.  
  238. #nav li:hover ul ul, #nav li.sfhover ul ul {
  239. left: -999em;
  240. }
  241.  
  242. #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
  243. left: auto;
  244. }
  245. /** end navigation **/
  246.  
  247. /** begin primary layout **/
  248. #content {
  249. float: left;
  250. width: 920px;
  251. background: url(images/bg.png) repeat;
  252. padding: 20px;
  253. }
  254.  
  255. #main {
  256. width: 700px;
  257. margin: 0 20px 0 0;
  258. float: left;
  259. }
  260.  
  261. .pagenavi {
  262. font-size: 15px;
  263. }
  264.  
  265. .pagenavi a:link, .pagenavi a:active, .pagenavi a:visited {
  266. color: #B74718;
  267. text-decoration: underline;
  268. }
  269.  
  270. .pagenavi a:hover {
  271. color: #A7A195;
  272. }
  273.  
  274. #main h3 {
  275. font-size: 16px;
  276. font-weight: normal;
  277. margin: 0 0 2px 0;
  278. padding: 0;
  279. }
  280.  
  281. .postbox {
  282. width: 700px;
  283. float: left;
  284. }
  285.  
  286. .postimage {
  287. margin: 0 20px 0 0;
  288. float: left;
  289. padding: 10px;
  290. background: #FFFFFF;
  291. }
  292.  
  293. .theblogpost ul, .pagebox ul {
  294. list-style: disc;
  295. }
  296.  
  297. .pagebox {
  298. width: 700px;
  299. float: left;
  300. }
  301.  
  302. .thepost {
  303. float: left;
  304. width: 300px;
  305. }
  306.  
  307. .theblogpost {
  308. float: left;
  309. width: 700px;
  310. border-bottom: 1px dashed #CCC;
  311. margin: 0 0 20px 0;
  312. padding: 0 0 10px 0;
  313. }
  314.  
  315. .thepagepost {
  316. float: left;
  317. width: 700px;
  318. }
  319.  
  320. .entry a:link, .entry a:visited {
  321. color: #CCCCCC;
  322. text-decoration: underline;
  323. }
  324.  
  325. .entry a:hover {
  326. color: #A7A195;
  327. }
  328. /** end primary layout **/
  329.  
  330. /** begin home page **/
  331. #busdets {
  332. list-style: none;
  333. margin: 5px 0 0 0;
  334. padding: 0;
  335. float: left;
  336. }
  337.  
  338. #busdets a:link, #busdets a:visited {
  339. color: #CCCCCC;
  340. }
  341.  
  342. #busdets a:hover {
  343. color: #A6A6A6;
  344. }
  345.  
  346. #busdets h2 a:link, #busdets h2 a:visited {
  347. color: #B74718;
  348. }
  349.  
  350. #busdets li {
  351. padding: 0 0 0 45px;
  352. cursor: pointer;
  353. }
  354.  
  355. #busdets li.contact {
  356. background: url(images/contact.png) no-repeat 0 0;
  357. }
  358.  
  359. #busdets li.contact:hover {
  360. background-position: 0 -40px;
  361. }
  362.  
  363. #busdets li.hours {
  364. background: url(images/hours.png) no-repeat 0 0;
  365. }
  366.  
  367. #busdets li.hours:hover {
  368. background-position: 0 -100px;
  369. }
  370.  
  371. #busdets li.location {
  372. background: url(images/location.png) no-repeat 0 0;
  373. }
  374.  
  375. #busdets li.location:hover {
  376. background-position: 0 -40px;
  377. }
  378. /** end home page **/
  379.  
  380. /** begin specials **/
  381. .specialitem {
  382. margin: 5px 0 0 0;
  383. float: left;
  384. width: 200px;
  385. }
  386.  
  387. .specialitem p {
  388. margin: 0;
  389. font-size: 12px;
  390. line-height: 1.2em;
  391. }
  392.  
  393. .specialitem a:link, .specialitem a:visited {
  394. color: #CCCCCC;
  395. }
  396.  
  397. .specialitem a:hover {
  398. color: #A6A6A6;
  399. }
  400.  
  401. .specialitem h4 a:link, .specialitem h4 a:visited {
  402. color: #B74718;
  403. }
  404.  
  405. .specialimage {
  406. padding: 2px;
  407. background: #FFFFFF;
  408. float: left;
  409. width: 50px;
  410. height: 50px;
  411. margin: 0 10px 0 0;
  412. }
  413.  
  414. .specialimage:hover {
  415. background: #CCCCCC;
  416. }
  417. /** end specials **/
  418.  
  419. /** begin sidebar **/
  420. #sidebar {
  421. float: left;
  422. width: 200px;
  423. }
  424.  
  425. .widgetblock a:link, .widgetblock a:active, .widgetblock a:visited {
  426. color: #CCC;
  427. text-decoration: underline;
  428. }
  429.  
  430. .widgetblock a:hover {
  431. color: #A7A195;
  432. }
  433.  
  434. #sidebar ul {
  435. list-style:none;
  436. margin:0;
  437. padding:0;
  438. }
  439.  
  440. #sidebar li {
  441. padding:0 0 4px 0;
  442. }
  443.  
  444. .widgetblock {
  445. width: 200px;
  446. margin: 0 0 25px 0;
  447. float: left;
  448. }
  449. /** end sidebar **/
  450.  
  451. /** begin blocks **/
  452. #blocks {
  453. width: 920px;
  454. padding: 20px;
  455. float: left;
  456. margin: 20px 0 0 0;
  457. background: url(images/bg.png) repeat;
  458. }
  459.  
  460. #blocks a:link, #blocks a:visited {
  461. color: #CCCCCC;
  462. }
  463.  
  464. #blocks a:hover {
  465. color: #A6A6A6;
  466. }
  467.  
  468. #blocks h4 {
  469. font-size: 16px;
  470. font-weight: normal;
  471. padding: 0;
  472. margin: 0;
  473. color: #B74718;
  474. }
  475.  
  476. #blocks h4 a:link, #blocks h4 a:visited {
  477. color: #B74718;
  478. }
  479.  
  480. .blockitem {
  481. width: 300px;
  482. float: left;
  483. margin: 0 10px 0 0;
  484. }
  485.  
  486. #blocks p {
  487. margin: 0;
  488. padding: 0;
  489. }
  490.  
  491. .lastblockitem {
  492. width: 300px;
  493. float: left;
  494. margin: 0;
  495. }
  496.  
  497. .blockimage {
  498. float: left;
  499. padding: 4px;
  500. background: #FFFFFF;
  501. margin: 0 10px 0 0;
  502. width: 100px;
  503. height: 100px;
  504. }
  505.  
  506. .blockimage:hover {
  507. background: #CCCCCC;
  508. }
  509. /** end blocks **/
  510.  
  511. #footer {
  512. width: 960px;
  513. float: left;
  514. color: #CCCCCC;
  515. padding: 20px 0 20px 0;
  516. }
  517.  
  518. #footer a:link, #footer a:visited {
  519. color: #CCCCCC;
  520. }
  521.  
  522. #footer a:hover {
  523. text-decoration: underline;
  524. }
  525.  
  526. #footer p {
  527. padding: 0;
  528. }


Merci pour ta patience, et de ton aide, mme sur le forum Wordpress, j ai pas eu d aide.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Plutôt quelque chose comme ça:
  1. <?php wp_list_pages('title_li='); ?>
  2. <li id="menuItem"><a href="http://www.lenewkashmir34.fr/?page_id=4" title="MENU">MENU</a>
  3. <ul id="nav">
  4. <li><a href="http://www.lenewkashmir34.fr/?page_id=38" title="Menu MIDI">Menu MIDI</a></li>
  5. <li><a href="http://www.lenewkashmir34.fr/?page_id=32" title="Menu SOIR">Menu SOIR</a></li>
  6. </ul>
  7. </li>
  8.  
  9. <script type="text/javascript"><!--//--><![CDATA[//><!--
  10. sfHover = function() {
  11. var sfEl = document.getElementById("menuItem");
  12. sfEls.onmouseover=function() {
  13. this.className+=" sfhover";
  14. }
  15. sfEls.onmouseout=function() {
  16. this.className=this.className.replace(new RegExp(" sfhover\\b" ), "" );
  17. }
  18. }
  19. if (window.attachEvent) window.attachEvent("onload", sfHover);
  20. //--><!]]>
  21. </script>
  22. </ul>
  23. </ul>
  24. </div>
  25.  
  26. </div>
  • Commenter cette réponse |
Score
0
òh
òi
|
Je patoge, c vraiment du chinois pour moi, Voici mon bout de code "header.php"

  1. <?php wp_list_pages('title_li='); ?>
  2. <ul id="nav">
  3. <li><a href="http://www.lenewkashmir34.fr/?page_id=4" title="MENU">MENU</a>
  4. <ul>
  5. <li><a href="http://www.lenewkashmir34.fr/?page_id=38" title="Menu MIDI">Menu MIDI</a></li>
  6. <li><a href="http://www.lenewkashmir34.fr/?page_id=32" title="Menu SOIR">Menu SOIR</a></li>
  7. </ul>
  8. </li>
  9.  
  10. </ul>
  11. <script type="text/javascript"><!--//--><![CDATA[//><!--
  12.  
  13. sfHover = function() {
  14.  
  15. var sfEls = document.getElementById("nav").getElementsByTagName("LI");
  16.  
  17. for (var i=0; i<sfEls.length; i++) {
  18.  
  19. sfEls[i].onmouseover=function() {
  20.  
  21. this.className+=" sfhover";
  22.  
  23. }
  24.  
  25. sfEls[i].onmouseout=function() {
  26.  
  27. this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  28.  
  29. }
  30.  
  31. }
  32.  
  33. }
  34.  
  35. if (window.attachEvent) window.attachEvent("onload", sfHover);
  36.  
  37. //--><!]]>
  38.  
  39. </script>
  40. </ul>
  41. </ul>
  42. </div>
  43.  
  44. </div>


Et j ai rajouté ton code dans le CSS!!!
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
il ne fallait pas ajouter de <ul>, seulement mettre un id a celui qui contenait le sous-menu
  • Commenter cette réponse |
Score
0
òh
òi
|
Désolé j'étais entrain de le transferer, OVH fait une maintenance sur le serveur FTP, du coup ca ma pris 3 h pour tout transferer!! LE site est publié!!
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Warning: require(/homez.346/lenewkas/www/wp-includes/compat.php) [function.require]: failed to open stream: No such file or directory in /homez.346/lenewkas/www/wp-settings.php on line 265
  • Commenter cette réponse |
Score
0
òh
òi
|
Oui, je mais ca ne marchait pas correctement, du coup je l ai adapté un peu en cherchant sur le net.
J ai finalement publié mon site su OVH dont voici le lien, tu pourras voir par toi meme: www.lenewkashmir34.fr
Cordialement
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Est-ce que tu avais essayé ce que je t'ai donné plus haut ?
Parce que ça fonctionne chez moi ?!
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut, désolé de répondre si tard, je suis en cité U, de ce fait les ports sont bloqués, j ai essayé de modifier le théme par l'éditeur intégré par wordpress, ca ne marche pas. De ce fait, je vais au cyber et je transfére mon CSS modifié, j obtiens le menu désiré mais c est complétement décalé vers le bas.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Tu n'as pas mis à jour sur ton site, je ne peux pas savoir le code que tu as utilisé pour t'aider là.
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci pour ta réponse, en bidouillant un peu. J ai réussi à faire le menu déroulant, mais la page MENU est décalé. Je te poste une capture d écran pour te montrer. Je fais des tests en local. On arrive au bout du taff, j espére pouvoir trouver la soluce. " alt="" class="imgLz frmImg " />
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Je parlais de ce <ul> là :
  1. <ul>
  2. <li class="page_item page-item-15"><a href="http://dean116.free.fr/?page_id=15" title="Menu MIDI">Menu MIDI</a></li>
  3. <li class="page_item page-item-16"><a href="http://dean116.free.fr/?page_id=16" title="Menu SOIR">Menu SOIR</a></li>
  4. </ul>


Tu n'as rien appliqué à cet <ul>

Tu lui mets un id
  1. <ul id="sous-menu">...</ul>


Ensuite, tu mets du code CSS correspondant:
  1. #sous-menu {
  2. margin: 30px 0 0 -80px;
  3. position: absolute;
  4. display: none;
  5. }


Ensuite, sur ton élément <li class="page_item page-item-4"> tu ajoutes deux évènements:
  1. <li class="page_item page-item-4" onmouseover="document.getElementById('sous-menu').style.display = 'block';" onmouseout="document.getElementById('sous-menu').style.display = 'none';">


Et ça devrait le faire.
  • Commenter cette réponse |
Score
0
òh
òi
|
Bonjour, merci pour ta réponse.
J ai fait les changements au niveau "Ul" j ai pas eu de changement.
J'ai modifié au niveau navigation ul je me retrouve avec un alignement horizontal.
Pourrais tu me spécifier quel javascript je pe ajouter a mon CSS pour avoir le menu désiré. Ca fait un moment que je patoge, me reste que ca pour achever le site.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Au <ul> qui contient les Menu Midi et Soir, tu ajoutes ce style:
style="margin:30px 0 0 -80px;position:absolute;"

Et ca va positionner ton sous-menu en dessous. Tu peux jouer avec -80px pour le déplacer horizontalement.

Après, pour l'afficher ou le cacher quand on survole MENU, il faut un peu de javascript, avec les attributs onmouseover et onmouseout, et tu pourras faire ça :) 
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci pour ta réponse.
Oui mais le truc c est que j aimerai un menu suckerfish, menu déroulant animé, en cliquant ou en passant sur le mot Menu, le Menu Midi et le Menu Soir s affiche!!! J'ai du mal avec les pages parentes de Wordpress de base.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Ce que je veux te dire, c'est que si tu enlèves ton sous-menu qui s'appelle "Menu MIDI" et "Menu SOIR", tu as la bonne interface:



Donc, qu'est ce que tu voudrais que ça donne une fois que tu as rajouté ton sous-menu ? Tu veux qu'ils apparaissent où les "Menu MIDI" et "Menu SOIR" ?
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut je n ai pas bien compris ta question. Le probléme que j ai, c est que c est décalé. Je veux juste un menu suckerfish !!! J ai parcouru beaucoup de script mais j ai pas pu intégrer à mon théme
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Salut,

Si je cache ton sous-menu pour les Menus du midi/soir, l'interface est correcte.

Comment-est ce que tu voudrais que ça s'affiche pour tes menus du midi/soir ?
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS