Witam

Zaczalem robic swoja strone z blogiem i portofolio, niestety na css nie znam sie najlepiej, napotkalem taki o to porblem:

  1. <div class="topbar_center">
  2. <ul id="nav">
  3. <li id="contact_btn"><a href="#"></a></li>
  4. <li><img src="img/I.png" /></li>
  5. <li id="blog_btn"><a href="#"></a></li>
  6. <li ><img src="img/I.png" /></li>
  7. <li id="portofolio_btn"><a href="#"></a></li>
  8. <li><img src="img/I.png" /></li>
  9. <li id="about_me_btn"><a href="#"></a></li>
  10. <li><img src="img/I.png" /></li>
  11. <li id="home_btn"><a href="#"></a></li>
  12. </ul>
  13. </div>


mam taka liste ktora sluzy jako menu, oraz css do niej:


  1. div.topbar
  2. {
  3. margin: 0px;
  4. padding: 0px;
  5. width: 100%;
  6. height: 55px;
  7. background-image: url('img/menu_bar_back.png');
  8. background-repeat: repeat-x;
  9. }
  10.  
  11. div.topbar_center
  12. {
  13. margin: 0px auto;
  14. padding: 0px;
  15. width: 960px;
  16. height: 100%;
  17. }
  18.  
  19. ul#nav, ul#nav li
  20. {
  21. float: right;
  22. list-style: none;
  23. margin: 0px;
  24. padding: 0px;
  25. height: 100%;
  26. }
  27.  
  28. ul#nav li a
  29. {
  30. display: block;
  31. }
  32.  
  33. ul#nav li#home_btn a
  34. {
  35. background: transparent url('img/home_icon.png') no-repeat top center;
  36. }


problem polega na tym ze obrazek home icon nie zostaje wyswietlony, probowalem poradzic sobei z tym problemem ale za kazdym razem jest to samo.

Pozdrawiam

problem rozwiazany, nalezalo ustalic rozmiar przez width , height gdyz nie ma tam zadnej tresci smile.gif