Prosiłbym o pomoc w rozwiązaniu problemu, dotyczącego zakładek pionowych, które się nie wyświetlają i nie widać stylów CSS.

POza tym jak mam listy wypunktowane i ma być obrazek zamiast liczb, to też go nie widać, tak samo też nie widać formatowania tych list.

Kod HTML:

[HTML] pobierz, plaintext 
  1. <?php
  2. include("header_mp78stw.php");
  3. ?>
  4.  
  5.  
  6.  
  7.  
  8. <section id="osiagniecia">
  9.  
  10.  
  11.  
  12. <div class="tabs_osiagniecia">
  13.  
  14.     <ul class="zaklad_pion_osiag_bp10">
  15.        <li><span class="#tabs_univ">Ja na studiach dziecięcych</span></li>
  16.        <li><span class="#tabs_got">Górska Odznaka Turystyczna (GOT) PTTK</span></li>
  17.        <li><span class="#tabs_kot">Rowerowa Odznaka Turystyczna (KOT) PTTK</span></li>
  18.        <li><span class="#tabs_inne_pttk" style="color: black">Inne odznaki PTTK</span></li>
  19.        <li><span class="#tabs_inne" style="color: black">Inne osiągnięcia</span></li>
  20.        <li><span class="#tabs_bal_tata_corka" style="color: black">Bal Taty z Córką</span></li>
  21.     </ul>
  22.  
  23. </div>
  24.  
  25. <div class="tabs_univ">
  26.  
  27.    <h2>Brałam udział w trzech semestrach uniwersytetu dla dzieci:</h2>
  28.  
  29.    <ul class="">
  30.               <li><span class="" style="color: black">1.02.2020r.- ukończyłam dziewiąty semestr Dziecięcego Uniwersytetu Technicznego w Stalowej Woli: <a href="http://www.marcinpyc78stw.pl/9_sem_dut.jpg"><button>Zobacz</button></a></span></li>
  31.               <li><span class="" style="color: black">2.06.2018r.- ukończyłam szósty semestr Dziecięcego Uniwersytetu Technicznego w Stalowej Woli: <a href="http://www.marcinpyc78stw.pl/6_sem_dut.jpg"><button>Zobacz</button></a></span></li>
  32.               <li><span class="" style="color: black">3.06.2017r.- ukończyłam czwarty semestr Politechniki Dziecięcej w Stalowej Woli: <a href="http://www.marcinpyc78stw.pl/4_sem_prz_dziec.jpg"><button>Zobacz</button></a></span></li>
  33.    </ul>
  34.  
  35.  
  36. </div>
  37.  
  38. <div id="tabs_got">
  39.  
  40.         <ul class="ul_got">
  41.               <li>w trakcie- odznaka <strong>"GOT PTTK" w stopniu "mała srebrna"</strong>- numer weryfikacyjny: <strong></strong><a href="" alt=""></a>,</li>
  42.               <li><a href="got_ml_bra.png"><img src="got_ml_bra.png" alt="mała brązowa odnzaka GOT PTTK" class="obrazek_odznaka_4"></a>
  43.                   - 27.09.2019r.- zdobyłam odznakę <strong>"GOT PTTK" w stopniu "mała brązowa"</strong>- nr weryfikacyjny: <strong>26/2019</strong>: 
  44.                   <a href=""><button>Zobacz</button></a>,
  45.               </li>
  46.               <li><a href="got_pop.png"><img src="got_pop.png" alt="odznaka popularna GOT PTTK" class="obrazek_odznaka_5"></a>
  47.                   - 16.11.2017r.- zdobyłam odznakę <strong>"GOT PTTK"</strong> (Górską Odznakę Turystyczną) <strong>w stopniu "popularna"</strong>- nr wer.: <strong>94/2017</strong>.
  48.               </li>
  49.         </ul>
  50.  
  51.  </div>
  52.  
  53.  
  54.  
  55. <div id="tabs_kot">
  56.  
  57.         <li><a href="kot_ml_braz.png"><img src="kot_ml_braz.png" alt="mała brazowa odznaka KOT PTTK" class="obrazek_odznaka_6"></a>
  58.         - 1.10.2020r.- zdobyłam odznakę "KOT PTTK" (Kolarską Odznakę Turystyczną) w stopniu "mała brązowa"- nr weryfikacyjny: 1070/2020.
  59.         </li>
  60.         <li>Przejechane przeze mnie trasy nowym rowerem z kołami 26 cali do Kolarskiej Odznaki Turystycznej "KOT PTTK"
  61.         <a href="kot_ml_braz.png"><img src="kot_ml_braz.png" alt="mała brazowa odznaka KOT PTTK" class="obrazek_odznaka_6"></a>:
  62.         <a href="http://www.marcinpyc78stw.pl/kot_blanka.pdf"><button>Trasy rowerowe do "KOT"</button></a> [Odznaka została zdobyta!!]
  63.         <br>
  64.         Rower dostałam od wujków Pawła i Daniela w 2019r. na I Komunię św.:), a wycieczki rowerowe przewaznie jeździła z tatą Marcinem i czasami z babcią Stasią.
  65.  
  66.  </div>
  67.  
  68.  <div id="tabs_inne_pttk">
  69.  
  70.         <ul class="">
  71.               <li><a href="70_lat_pttk.png"><img src="70_lat_pttk.png" alt="Odznaka Jubileuszowa 70 lat poznajemy Polskę PTTK" class="obrazek_odznaka_5"></a>
  72.               - 23.09.2020r.- zdobyłam <strong>Odznakę Jubileuszową "70 lat poznajemy Polskę PTTK"</strong>- nr weryfikacyjny:<strong> 104/2020</strong>,</li>
  73.               <li><span class="" style="color: black"></span></li>
  74.               <li><a href="dyplom_pttk.png"><img src="dot_pttk.png" alt="Dziecięca Odznaka Turystyczna PTTK" class="obrazek_odznaka_5"></a>
  75.               -  19.08.2014r.- zdobyłam <strong>"Dziecięcą Odznakę Turystyczną PTTK"</strong>- nr weryfikacyjny: <strong>146</strong>.</li>
  76.         </ul>
  77.  </div>
  78.  
  79.  <div id="tabs_inne_osiagniecia">
  80.  
  81.             <ul class="">
  82.               <li><span class="" style="color: black">
  83.               12.09.200r.- przejechałam <strong>łącznie (od października 2019r. do września 2020r.) na rowerze z kołami 26cali</strong> w 10 wycieczkach <strong>233km!!!</strong>
  84.               </span></li>
  85.  
  86.               <li><span class="" style="color: black">
  87.               16.08.2020r.- W wieku 10 lat i 8 miesięcy pierwszy raz przejchałam rowerem z kołami 26 cali trasę o długości 42,5km + przejchałam rowerem
  88.               do Stalowej Woli (Rozwadów)= 2,6km, czyli łącznie przejechałam 45,1km!!!!</span>
  89.               </li>
  90.  
  91.               <li><span class="" style="color: black">
  92.                   14.07.2018r.- w wieku <strong>8 lat i 7 miesięcy</strong> przejechałam <strong>20,2km!!!</strong> swoim rowerkiem <strong>(koła 20 cali)</strong>
  93.                   pierwszy raz w życiu (z tatą Marcinem), na trasie: Stalowa Wola- Posanie- Brandwica- Jastkowice- Pysznica- Stalowa Wola:
  94.               <a href=""><button>Zobacz</button></a></span></li>
  95.  
  96.               <li><span class="" style="color: black">
  97.                   2016r.- w wieku <strong>6 lat i 10 miesięcy</strong> przejechałam, <strong>po raz pierwszy w swoim życiu samodzielnie</strong>
  98.                   na swoim <strong>rowerku (koła 20 cali)</strong>:
  99.                   <strong>105km w 18 wycieczkach rowerowych</strong>(z tatą Marcinem), w tym 17 wycieczkach rowerowych po Stalowej Woli i po
  100.                   <strong>raz pierwszy jednej wycieczki poza Stalową Wolą</strong> o długości 8km, na trasie: Krzeszów Górny- Krzeszów n/Sanem
  101.                   (cmentarz)- Krzeszów Górny: <a href="http://www.marcinpyc78stw.pl/105km_row_blan.jpg"><button>Zobacz</button></a>
  102.                   </span>
  103.               </li>
  104.  
  105.               <li><span class="" style="color: black">
  106.                23.07.2016r.- w wieku <strong>6 lat i 7 miesięcy</strong> pierwszy raz weszłam na <strong>szczyt górski</strong>- Łysicę (612m.n.p.m.)
  107.                w Górach Świętokrzyskich) z tatą Marcinem i babcią Stasią. <strong> Tato na szczycie pasował mnie gałązką na Małą Turystkę Górską:)</strong>:
  108.                <a href="http://www.marcinpyc78stw.pl/1_wyc_gors_blan.jpg"><button>Zobacz</button></a>,
  109.                </span>
  110.               </li>
  111.  
  112.               <li><span class="" style="color: black">
  113.                    9.08.2015r.- w wieku <strong> 5 lat i 8 miesięcy</strong> przejechałam samodzielnie na swoim rowerku <strong>(koła 16 cali)</strong>
  114.                    (trasa w Stalowej Woli o długości 2,05km:) [tata Marcin nauczył mnie jeździć rowerem:)]:
  115.                     <a href="http://www.marcinpyc78stw.pl/1raz_rower_blanka.jpg"><button>1</button></a> <a href="http://www.marcinpyc78stw.pl/1_2_raz_rower_blanka.jpg"><button>2</button></a>
  116.                   </span>
  117.               </li>
  118.  
  119.               </li><span class="" style="color: black">
  120.                     11.07.2015r.- w wieku 5 lat i 7 miesiecy przeszłam pierwszy raz pieszo trasę, częściowo znakowaną w lesie w Stalowej Woli (w tym po "Ciemnym Kącie") o długości 12,5km:
  121.                     <a href="http://www.marcinpyc78stw.pl/1_trasa_piesza_blanki.jpg"><button>Zobacz</button></a>,</span>
  122.               </li>
  123.  
  124.             </ul>
  125.  </div>
  126.  
  127. <div id="tabs_inne_bal_tata_corka">
  128.  
  129.       <h2>Bale Taty z Córką zorganizowane przez Tatoklub (w ramach tato.net) w Stalowej Woli:</h2>
  130.  
  131.         <ul class="">
  132.  
  133.              <li><span class="" style="color: black">
  134.              4.11.2017r.- <strong>III "Bal Taty z Córką"</strong> w Stalowej Woli: <a href=""><button>1</button></a> <a href=""><button>2</button></a>,
  135.              </span>,
  136.              </li>
  137.  
  138.              <li><span class="" style="color: black">
  139.              14.11.2015r.- <strong>I Bal Taty z Córką</strong> (piewszy w historii Stalowej Woli w sali Jana Pawła II w Klasztorze
  140.              Kapucynów w Stalowej Woli (Rozwadowie))- <a href=""><button>1</button></a> <a href=""><button>2</button></a>,
  141.              </li>
  142.  
  143.         </ul>
  144.  </div>
  145.  
  146.  
  147. </section>
  148.  
  149. <?php include 'footer_mp78stw.php';?>
  150.  
  151.  
[HTML] pobierz, plaintext


CSS:

[CSS] pobierz, plaintext 
  1. /*Zakładki pionowe w osiągnięciach*/
  2.  
  3. /*zakladki pionowe menu z odznakami PTTK*/
  4.  
  5. ul.zaklad_pion_osiag_bp10, ul.zaklad_pion_osiag_bp10 li {
  6.     display: block;
  7.     list-style: none;
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. ul.zaklad_pion_osiag_bp10 {
  13.     width: 200px;
  14.     padding: 2px 2px 1px 2px;
  15.     background-color: #9ce;
  16.     border: 3px double #28e;
  17. }
  18.  
  19. ul.zaklad_pion_osiag_bp10 li {
  20.     border-bottom: 1px solid #9ce;
  21. }
  22.  
  23. ul.zaklad_pion_osiag_bp10 a:link, ul.zaklad_pion_osiag_bp10 a:visited {
  24.     display: block;
  25.     width: 176px;
  26.     text-decoration: none;
  27.     padding: 7px;
  28.     font-weight: bold;
  29.     background-color: #27c;
  30.     color: #def;
  31.     border-left: 10px solid #25b;
  32. }
  33.  
  34. ul.zaklad_pion_osiag_bp10 a:hover {
  35.     width: 166px;
  36.     background-color: #28e;
  37.     color: #fff;
  38.     border-left: 20px solid #26d;
  39. }
  40.  
  41.  
  42.  
  43.  
  44. /*Wymiary zakładek pionowych*/
  45.  
  46. #tabs_univ, #tabs_got, #tabs_kot, #tabs_inne_pttk, #tabs_inne, #tabs_bal_tata_corka {
  47.     width: 100%;
  48.     min-height: 900px;
  49.     border: 4px;
  50. }
  51.  
  52.  
  53.  
[CSS] pobierz, plaintext


Za pomoc będę bardzo wdziczny.

MP