Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wykazy w CSS, Problem z określeniem 2 różnych wykazów.
KrzysiekKCN
post
Post #1





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 4.08.2009
Skąd: Poznań

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


Witajcie! Mam taki problem, którego nie mogę przeskoczyć.
Otóż potrzebuje stworzyć 2 różne wykazy na stronie o całkiem odmiennej budowie.

Pierwszy wykaz działa:
  1. ul, ul li {
  2. list-style-image: url('images/point.gif');
  3. margin: 0;
  4. }
  5.  
  6. ul a:link, ul a:visited {
  7. text-decoration: none;
  8. padding: 2px;
  9. color: #000;
  10. font-size: small;
  11. }
  12.  
  13. ul a:hover {
  14. text-decoration: overline underline;
  15. padding: 2px;
  16. color: #000;
  17. font-size: small;
  18. }


a w html mam tak:
  1.  
  2. <ul>
  3. <li><a href="#">Strona Główna</a></li>
  4. <li><a href="#">Aktualności</a></li>
  5. <li><a href="#">Kontakt</a></li>
  6. <li><a href="#">Przyjaciele</a></li>
  7. <li><a href="#">Mapa Strony</a></li>
  8. </ul>


Teraz problem jak stworzyć drugi wykaz. Wczytałem w necie że taki kod:
  1. p.web {
  2. font-weight: bold;
  3. }

  1. <p class="web">Akapit Akapit Akapit</p>

Jest do określenia innego znacznika niż DIV ale niestety w przypadku wykazu mi nie działa:
  1. ul.web{
  2. list-style-image: url('images/poin2t.gif');
  3. margin: 0;
  4. }
  5. li.web{
  6. color: blue;
  7. }


  1. <ul class="web">
  2. <li>Lol</li>
  3. <li>Lol</li>
  4. </ul>


Gdzie robię błąd i jak się określa te 2 wykazy w CSS?
Proszę o pomoc i pozdrawiam KrzysiekKCN
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Lion_87
post
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


no nie powiesz chyba mi że jak wkleisz takie cos to widzisz to samo?
  1. ul, ul li {
  2. list-style-image: url('images/point.gif');
  3. margin: 0;
  4. }
  5.  
  6. ul a:link, ul a:visited {
  7. text-decoration: none;
  8. padding: 2px;
  9. color: #000;
  10. font-size: small;
  11. }
  12.  
  13. ul a:hover {
  14. text-decoration: overline underline;
  15. padding: 2px;
  16. color: #000;
  17. font-size: small;
  18. }
  19.  
  20. ul#web{
  21. list-style-image: url('images/pop.gif');
  22. margin-left: 15px;
  23. }
  24.  
  25. ul#web li{
  26. font-weight: bold;
  27. font-size: medium;
  28. text-decoration: underline;
  29. }
  30.  
  31. ul#web li a:link, ul a:visited{
  32. font-weight: bold;
  33. font-size: medium;
  34. text-decoration: underline;
  35. }
  36.  
  37. ul#web li a:hover{
  38. font-weight: bold;
  39. font-size: x-small;
  40. text-decoration: overline;
  41. }
  42.  
  43.  
  44. <ul>
  45. <li><a href="#">Strona Główna</a></li>
  46. <li><a href="#">Aktualności</a></li>
  47. <li><a href="#">Kontakt</a></li>
  48. <li><a href="#">Mapa Strony</a></li>
  49. </ul>
  50.  
  51. <ul id="web">
  52. <li>punkt 1</li>
  53. <li>punkt 2</li>
  54. <li><a href="#">link 1</a></li>
  55. <li><a href="#">link 2</a></li>
  56. </ul>
  57.  
  58.  
  59.  
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: 7.10.2025 - 16:05