Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Formatwanie listy<li> za pomocą css
Rid
post 8.09.2011, 18:49:34
Post #1





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Witam,chciałbym się zapytać czy jest możliwość sformatowania za pomocą styli css ,atrybutu square[kwadrat] w liście,tak aby był większy??

Ok,już się dowiedziałem-da rady nawet w dość łatwy sposób graduated.gif

Ten post edytował Rid 8.09.2011, 18:00:06
Go to the top of the page
+Quote Post
phpion
post 8.09.2011, 18:58:44
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Raduje nas Twoje szczęście, ale wypadałoby podzielić się rozwiązaniem. Ktoś będzie miał podobny problem, znajdzie ten temat, ale dowie się tylko tyle, że można zrobić to w dość łatwy sposób. Rozumiem, że gdybyś otrzymał podobną odpowiedź byłaby ona wystarczająca.
Go to the top of the page
+Quote Post
Rid
post 8.09.2011, 19:18:04
Post #3





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Czekałem,czy ktoś się zainteresuje tematem,jakby ktoś się nie zainteresował to bym nie napisał wink.gif.Tak więc
W css deklarujemy 2 klasy jeden do diva drugi do tagu li.

  1. .MojDiv{
  2. font-size:medium;
  3. color:#000000;
  4. }
  5. LI.MojLi{
  6. list-style: square inside; color:#00FFFF;font-size:xx-large;
  7. }

Potem w html robimy:
  1. <ul>
  2. <li class="MojLi"><div class="MojDiv">Jakiś tekst</div></li>
  3. <li class="MojLi"><div class="MojDiv">Jakiś inny tekst</div></li>
  4. </ul>
Go to the top of the page
+Quote Post
CuteOne
post 8.09.2011, 19:51:52
Post #4





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


gdyby to jeszcze było poprawne od strony.. w3 ;P
Go to the top of the page
+Quote Post
Rid
post 8.09.2011, 21:39:58
Post #5





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


A mógłbyś,powiedzieć co nie jest według standardów,bo właśnie patrze i nie mogę się doszukać.
Przejechałem CSS'a walidatorem ze strony http://jigsaw.w3.org/css-validator i okazał się prawidłowy.

Ten post edytował Rid 8.09.2011, 22:01:55
Go to the top of the page
+Quote Post
phpion
post 9.09.2011, 07:10:53
Post #6





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




A co z poprawnością kodu HTML?
Go to the top of the page
+Quote Post
Rid
post 9.09.2011, 10:25:03
Post #7





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


U mnie wydaje się być wporządku,robię w doctype xhtml 1.0 strict dtd,tak więc jakby było coś nie tak ,to VS2010 podkreśliłby na zielono z wiadomością depraced.
Go to the top of the page
+Quote Post
CuteOne
post 9.09.2011, 19:03:10
Post #8





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


W3 nie wywalił błędów?? aż dziw bierze bo z tego co pamiętam listowanie bloków jest niepoprawne.
Go to the top of the page
+Quote Post
Rid
post 9.09.2011, 19:26:01
Post #9





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Może to ,zależy od doctype,hmm ja mam strict(nie renderuje elementy typu depraced),więc choć powinno mi jakiś błąd wskazać a tu nic ,i działa aż miło cool.gif.
Cytat
3 nie wywalił błędów?? aż dziw bierze bo z tego co pamiętam listowanie bloków jest niepoprawne

Być może,za pomocą stylów CSS można to zrobić,a nie można używać jako atrybutów w tagu li.

Ten post edytował Rid 9.09.2011, 19:29:28
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 23:42