Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Odstęp w menu
Forum PHP.pl > Forum > Przedszkole
ziperv1
Witam nie wiem co robie źle, ale nie mogę ustalić odległości dzielących obrazków.


  1. #bg-menu ul{
  2. display: block;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. #bg-menu ul li{
  7. float:left;
  8. padding: 90px 0 0 200px;
  9. }




Chciałbym żeby te odnośniki znalazły się na miejscu menu .
kpt_lucek
Co więcej jest to zrobione celowo, a w dokumentacji ad-gallery nie znalazłem informacji, czy i w jaki sposób można to ominąć.[/quote]
Z tego co widzę to menu jest w formie
  1. <ul>
  2. <li>
  3. <a href="#">
  4. aaaa
  5. </a>
  6. </li>
  7. <li>
  8. <a href="#">
  9. vvv
  10. </a>
  11. </li>
  12. <li>
  13. <a href="#">
  14. bbbb
  15. </a>
  16. </li>
  17. </ul>


tak więc spróbuj zrobić tak:
  1. #bg-menu ul{
  2. display: block;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. #bg-menu ul li a{
  7. padding: 5px 5px 5px 5px;
  8. }
  9. /* Pozycję samego menu ustaw w #bg-menu ul*/


I podaj rezultat
ziperv1
Super, działa ! a mógłbyś mi jeszcze podpowiedzieć jak zrobić te linki w równych odległościach, żeby były na całej długości menu.

  1. #bg-menu ul{
  2. display: block;
  3. margin: 0;
  4. padding: 86px 0 0 300px;
  5. list-style: none;
  6. }
  7. #bg-menu ul li a{
  8. padding: 5px 5px 5px 5px;
  9. float:left ;
  10. }




Tutaj jest efekt tego kodu.
Mega_88
Tutaj możesz pobawić się paddingiem czyli np:

  1. #bg-menu ul li a{
  2.  
  3. padding: 5px 40px 5px 5px;
  4.  
  5. float:left ;
  6.  
  7. }


Możesz też dla każdego oddzielnie, chyba będzie tak:

  1. <li style="margin-right:50px;">
  2. cos tam cos tam
  3. </li>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.