Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak zrobić takie menu w ul li, żeby border był na cala dlugosc li, lista ul w liście ul
Agape
post
Post #1





Grupa: Zarejestrowani
Postów: 384
Pomógł: 13
Dołączył: 16.06.2006

Ostrzeżenie: (0%)
-----


Chcę zrobić takie menu jak na tej stronie: http://www.astoralarm.pl/start
dokładnie to pierwsze, "menu zabezpieczenia".
Chodzi mi o to, że jak robię tak jak jest w źródle:

  1. <h3>Menu Zabezpieczenia</h3>
  2.  
  3. <ul class="menu">
  4. <li class="item36"><a href="http://www.astoralarm.pl/"><span>Start</span></a></li>
  5. <li class="item32"><a href="/index.php?Itemid=32&amp;option=com_virtuemart"><span>Nasza Oferta</span></a></li>
  6. <li class="item76"><a href="/nowosci/"><span>Nowości</span></a></li>
  7. <li class="parent item92"><a href="/artykuly-techniczne/"><span>Artykuły techniczne</span></a></li>
  8. <ul>
  9. <li class="item95"><a href="/systemy-sygnalizacji-pozaru-sap-dso/"><span>Systemy pożarowe</span></a></li>
  10. <li class="item96"><a href="/telewizja-dozorowa-cctv/"><span>Telewjzja dozorowa</span></a></li>
  11. <li class="item97"><a href="/systemy-sygnalizacji-wlamania-i-napadu-sswin/"><span>Systemy SSWiN</span></a></li>
  12. <li class="item98"><a href="/kontrola-dostepu-acc/"><span>Kontrola Dostępu</span></a></li>
  13. <li class="item101"><a href="/domofony-i-videodomofony/"><span>Videodomofony</span></a></li>
  14. </ul>
  15. </ul>


i wezmę border-bottom na li to pokazuje się już przesunięte w prawo a muszę mieć na 100% długości
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
Może znacie jakiś sposób, żeby to lepiej wyglądało albo jakiś jeden styl dla wszystkich tagów a, żeby każdy miał większe left-padding? W tym momencie mam coś takiego:

A nie wystarczy "rekurencyjnie"?

  1. <ul id="menu">
  2. <li><a href="">asd</a></li>
  3. <li><a href="">asd</a></li>
  4. <li><a href="">asd</a>
  5. <ul><li><a href="">asd</a></li></ul>
  6. </li>
  7. </ul>


  1. #menu { ... }
  2. #menu ul
  3. {margin-left: 20px;}


I jeśli niczego nie pomyliłem, każdy poziom menu powinien być odpowiednio wcięty. ;] Możesz mieć kategorii ile chcesz.

Jeśli chcesz jednak, żeby było na całej szerokości klikalne, to się zaczną schody - w czystym CSS chyba tego nie osiągnie; trzeba się skryptami męczyć...
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 10:42