Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][PHP] dwa różne elementy li i ul
Forum PHP.pl > Forum > Przedszkole
cent4
Witam.

Chcę na swojej stronie zrobić wypunktowanie poprzez:

<ul style="list-style-position:outside;">
<li> 111111111111 </li>
<li> 222222222222 </li>
<li> 333333333333 </li>
</ul>

ale style ul i li mam już zdefiniowane do wyświetlania menu.

Jak to zorganizować, żeby dodać drugi różny styl ul i li na jednej stronie?
piotrooo89
nadaj klase/id dla tej listy.
lnn
  1. <ul class="nazwaklasy">
  2. <li> 111111111111 </li>
  3. <li> 222222222222 </li>
  4. <li> 333333333333 </li>
  5. </ul>
  6.  
  7. <!-- lub -->
  8.  
  9. <ul id="identyfikator">
  10. <li> 111111111111 </li>
  11. <li> 222222222222 </li>
  12. <li> 333333333333 </li>
  13. </ul>
  14.  
  15. <!-- CSS dla klasy-->
  16. .nazwaklasy {list-style-position:outside; }
  17. <!-- CSS dla id-->
  18. #identyfikator {list-style-position:outside; }

staraj sie unikac uzywania styli w kodzie, uzywaj zewnetrznych odwołań
cent4
nie wiedzieć czemu ale nie działa :-( ani przez klase ani przez indentyfikator
muniekw
A zrób w stylach tak:
( przykładowe style )


  1. #<!-- CSS dla klasy-->#
  2. .nazwaklasy ul li {font-size: 20px; }
  3. #<!-- CSS dla id-->#
  4. #identyfikator ul li{list-style-position:outside; }
piotrooo89
Cytat(cent4 @ 28.01.2010, 10:27:28 ) *
nie wiedzieć czemu ale nie działa :-( ani przez klase ani przez indentyfikator


to pocieszę Cię, ja też nie wiem czemu nie działa. może podasz jakiś kod?
cent4
to jest strona:
  1. <ul class="nazwaklasy">
  2. <li> są osobami dorosłymi (powyżej 18 roku życia) - z wyłączeniem osób fizycznych prowadzących działalność gospodarczą</li>
  3. <li> mieszkają (w rozumieniu Kodeksu Cywilnego) i pracują na terenie województwa opolskiego</li>
  4. <li> posiadają co najwyżej średnie wykształcenie</li>
  5. <li> z własnej inicjatywy chcą podnieść swoje kwalifikacje zawodowe poprzez udział szkoleniach i kursach poza godzinami pracy</li>
  6. </ul>


a to styl:
.nazwaklasy ul li {font-size: 20px; }

I dalej nie działa - bierze ustawienia z poprzednich ul i li sciana.gif
piotrooo89
to może tak, bo wymyślasz jakieś choroby:

  1. ul.nazwaklasy li {font-size: 20px; }
muniekw
A tak przy okazji to gdzie definiujesz style? Masz może jakiś pliczek ze stylami czy wszystko w kodzie wstawiasz?
pablo89pl
Ze nie wspomniemy o tym ze ów styl należy wczytac do strony badz zarzucic w <style...></style>
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.