Witam,
Chciałbym prosić o poradę dlaczego nie działa moje menu główne?:

- nie ma obrazków przy nazwach kategorii, czyli np po lewej stronie O mnie, po lewej stronie Osiągnięcia itd.
- podkategorie w listach, które się rozwijają ich nazwy przenoszą się automatycznie do drugiej linijki i dodatkowo tworzy się dodatkowy odstęp między wierszami,
- chciałbym też żeby po najechaniu myszką na podkategorię (np. dla kategorii moje projekty, rysunek techniczny) pojawił się znak fajki (ok, zatwierdzenia, nie wiem jak to zrobić),
- pod menu głównym chciałbym ,żeby był też widoczny cytat, ale nie widać go:(

W załączniku pokazałem jak to wygląda a jak chciałbym, żeby wyglądało.
[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3.     <div id="top">
  4.  
  5.  
  6.             <header>
  7.  
  8.                  <h1><img src="mp78stw_icons/logo_mpyc_2013.png" alt="Logo mojej strony MP copyright od 2013r nadal"><img src="mp78stw_icons/moje_tlo_sniezka.png" alt="tło mojej strony marcinpyc78stw.pl">Marcin Pyć- marcinpyc78stw- strona osobista</h1>
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.             <!-- Menu nawigacyjne pionowe strony www.marcinpyc78stw.pl-->
  16.  
  17.  
  18.  
  19.             <nav id="menu_mp78stw">
  20.  
  21.                   <input type="checkbox" id="responsive-menu" onclick="updatemenu()"><label></label>
  22.  
  23.                   <ul>
  24.                       <li><a href="index.php">O mnie</a></li>
  25.                       <li><a href="mp78stw_osiągniecia.php">Osiągnięcia</a></li>
  26.                       <li><a href="mp78stw_blog_btk_mp.php">Blog BTKMP</a></li> 
  27.                       <li><a class="dropdown-arrow" href="#">Rysunek techniczny</a>
  28.                            <ul class="sub-menus">
  29.                               <li><a href="mp78stw_rys_tech_mech.php">Mechaniczny</a></li>
  30.                               <li><a href="mp78stw_tablice_rys_tech.php">Pomoce/Tablice</a></li>
  31.                               <li><a href="mp78stw_lekcje_rys_tech.php">Kursy/lekcje</a></li>
  32.                               <li><a href="mp78stw_pyt_odp_rys_tech.php">Pytania i odpowiedzi</a></li>
  33.                            </ul>
  34.                      </li>
  35.                     <li><a href="www.emarcineduinfoturfot.pl">eMarcinETIF</a></li>
  36.  
  37.                     <li><a class="dropdown-arrow" href="#">Moje projekty</a>
  38.                         <ul class="sub-menus">
  39.                            <li><a href="mp78stw_emp78swlib.php">eBiblioteka</a></li>
  40.                            <li><a href="mp78stw_eprzepisy.php">ePrzepisy</a></li>
  41.                            <li><a href="mp78stw_eodwymgen.php">eOdWymGen</a></li>
  42.                            <li><a href="mp78stw_api_int.php">Aplikacje www</a></li>
  43.                            <li><a href="mp78stw_tester.php">Testowanie aplikacji</a></li>
  44.                            <li><a href="mp78stw_pomoce_dyd.php">Pomoce dydaktyczne</a></li>
  45.                            <li><a href="mp78stw_gry_dyd.php">Gry dydaktycze</a></li>
  46.                            <li><a href="mp78stw_tab_inf.php">Tablice informacyjne</a></li>
  47.                            <li><a href="mp78stw_inne_pomoce.php">Ułatwienia w życiu</a></li>
  48.                            <li><a href="mp78stw_nauka_z_corka_php">Nauka z córką</a></li>
  49.                            <li><a href="mp78stw_my_ebooks.php">E- booki/książki</a></li>
  50.                            <li><a href="mp78stw_other_projects.php">Inne</a></li>
  51.                         </ul>
  52.                     </li>
  53.                     <li><a href="mp78stw_ogloszenia.php">Ogłoszenia</a></li>
  54.                     <li><a href="mp78stw_ankiety.php">Ankiety</a></li>
  55.                     <li><a href="strona_bp10.php">Strona BP10</a></li>
  56.                  </ul>
  57.             </nav>
  58.  
  59.         </header>
  60.  
  61.         <section>
  62.  
  63.             <blockquote>
  64.                 <p class="cytat_glowny_strony">
  65.                 Cytata...........................................................cytat na stronie
  66.                 </p>
  67.             </blockquote>
  68.             Autor: źródło własne (MP)
  69.  
  70.             </section>
  71.  
  72.            </body>
  73.            </html>
  74.  
  75.  
[HTML] pobierz, plaintext


- kod CSS:

[CSS] pobierz, plaintext 
  1.  
  2. /*Menu główne strony ...............*/
  3.  
  4.  
  5. #menu_mp78stw {
  6.     background: #FFFFFF;
  7.     color: #FFF;
  8.     height: 45px;
  9.     padding-left: 18px;
  10.     border-radius: 0px;
  11.     font-family: Rubik;
  12. }
  13.  
  14. #menu_mp78stw ul, #menu_mp78stw li {
  15.     margin: 0 auto;
  16.     padding: 0;
  17.     list-style-image: url(ikona_do_listy_menu.png);
  18. }
  19. #menu_mp78stw ul {
  20.     width: 100%;
  21. }
  22. #menu_mp78stw li {
  23.     float: left;
  24.     display: inline;
  25.     position: relative;
  26. }
  27. #menu_mp78stw a {
  28.     display: block;
  29.     line-height: 45px;
  30.     padding: 0 14px;
  31.     text-decoration: none;
  32.     color: blue;
  33.     font-size: 16px;
  34. }
  35. #menu_mp78stw a.dropdown-arrow:after {
  36.     content: "\25BE";
  37.     margin-left: 5px;
  38. }
  39. #menu_mp78stw li a:hover {
  40.     color: darkgreen;
  41.     background: #FFFFFF;
  42. }
  43. #menu_mp78stw input {
  44.     display: none;
  45.     margin: 0;
  46.     padding: 0;
  47.     height: 45px;
  48.     width: 100%;
  49.     opacity: 0;
  50.     cursor: pointer
  51. }
  52. #menu_mp78stw label {
  53.     display: none;
  54.     line-height: 45px;
  55.     text-align: center;
  56.     position: absolute;
  57.     left: 35px
  58. }
  59. #menu_mp78stw label:before {
  60.     font-size: 1.6em;
  61.     content: "\2261";
  62.     margin-left: 20px;
  63. }
  64. #menu_mp78stw ul.sub-menus{
  65.     height: auto;
  66.     overflow: hidden;
  67.     width: 170px;
  68.     background: #FFFFFF;
  69.     position: absolute;
  70.     z-index: 99;
  71.     display: none;
  72. }
  73. #menu_mp78stw ul.sub-menus li {
  74.     display: block;
  75.     width: 100%;
  76. }
  77. #menu_mp78stw ul.sub-menus a {
  78.     color: #61C200;
  79.     font-size: 16px;
  80. }
  81. #menu_mp78stw li:hover ul.sub-menus {
  82.     display: block
  83. }
  84. #menu_mp78stw ul.sub-menus a:hover{
  85.     background: #F2F2F2;
  86.     color: #444444;
  87. }
  88. @media screen and (max-width: 800px){
  89.     #menu_mp78stw {position:relative}
  90.     #menu_mp78stw ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  91.     #menu_mp78stw ul.sub-menus {width:100%;position:static;}
  92.     #menu_mp78stw ul.sub-menus a {padding-left:30px;}
  93.     #menu_mp78stw li {display:block;float:none;width:auto;}
  94.     #menu_mp78stw input, #menu label {position:absolute;top:0;left:0;display:block}
  95.     #menu_mp78stw input {z-index:4}
  96.     #menu_mp78stw input:checked + label {color:white}
  97.     #menu_mp78stw input:checked + label:before {content:"\00d7"}
  98.     #menu_mp78stw input:checked ~ ul {display:block}
  99. }
[CSS] pobierz, plaintext



Jeśli możecie, to prosze o pomoc.