Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> dwa różne atrybuty class dla jednego elementu
VGT
post
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 9
Dołączył: 19.11.2004
Skąd: Iława

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

Na temat mojego problemu przejrzałem google i wątki z 3 ostatnich stron w tym dziale, ale jednak nic nie znalazłem, w związku z tym proszę o pomoc, wyjaśnienie mi tej kwestii.

W zamieszonym poniżej przykładzie przygotowałem style do kolorowania elementów, oraz do odpowiedniego wyrównywania na stronie.

Moje pytanie dotyczy tego, czy mogę te style łączyć tak, jak to zrobiłem w nagłówkach.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>Test</title>
  5. <style type="text/css">
  6. .red {color:red;}
  7. .green {color:green;}
  8. .blue {color:blue;}
  9.  
  10. .left {text-align:left;}
  11. .center {text-align:center;}
  12. .right {text-align:right;}
  13. </style>
  14. </head>
  15. <body>
  16. <h3 class="red left">linia 1</h3>
  17. <h3 class="green center">linia 2</h3>
  18. <h3 class="blue right">linia 3</h3>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


Zarówno IE, FireFox i Opera tak samo interpretują ten kod i niby pozwalają na takie łączenie.

Jednak gdy przerabiam kurs CSS'a na www.w3schools.com - czytam:

Cytat
Note: Only one class attribute can be specified per HTML element! The example below is wrong:

<p class="right" class="center">
This is a paragraph.
</p>


Faktycznie w sposób tam zaprezentowany się nie da, gdyż wtedy drugi atrybut class jest ignorowany.

Ale czy mój sposób jest dobry i zgodny ze standardem?
A jeśli nie to jakie są inne sposoby, oprócz tworzenia styli "każdy z każdym"...

Z góry dzięki za odpowiedź
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
matid
post
Post #2





Grupa: Zarejestrowani
Postów: 362
Pomógł: 0
Dołączył: 18.02.2004
Skąd: Knurów

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

Validator pisze, że jest to ok. Nie wiem jak to działa w starszych przeglądarkach, ale podejrzewam, że mogą być problemy.

A tak wogóle, to moim zdaniem taki sposób korzystania z CSS'a jest niepraktyczny. Powinno się raczej definiować style opisujące konkretny element, a nie jego cechę.
Czyli nie:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>Test</title>
  5. <style type="text/css">
  6. .red {color:red;}
  7. .green {color:green;}
  8. .blue {color:blue;}
  9.  
  10. .left {text-align:left;}
  11. .center {text-align:center;}
  12. .right {text-align:right;}
  13. </style>
  14. </head>
  15. <body>
  16. <h3 class="red left">linia 1</h3>
  17. <h3 class="green center">linia 2</h3>
  18. <h3 class="blue right">linia 3</h3>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext

a raczej:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>Test</title>
  5. <style type="text/css">
  6.  
  7. #linia_1 {color: red; text-align: left}
  8. #linia_2 {color: green; text-align: center}
  9. #linia_3 {color: blue; text-align: right}
  10.  
  11. </style>
  12. </head>
  13. <body>
  14. <h3 id="linia_1">linia 1</h3>
  15. <h3 id="linia_2">linia 2</h3>
  16. <h3 id="linia_3">linia 3</h3>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


Ten post edytował matid 8.04.2005, 16:21:13
Go to the top of the page
+Quote Post

Posty w temacie
- Bonastick   dwa różne atrybuty class dla jednego elementu   8.04.2005, 16:03:17
- - matid   Validator pisze, że jest to ok. Nie wiem jak to dz...   8.04.2005, 16:20:14
- - Bonastick   Matid -> Właśnie validator mi to łykał, 3 przeg...   8.04.2005, 16:35:22
- - Strus   Cytat(Bonastick @ 2005-04-08 16:35:22)Matid -...   8.04.2005, 17:55:12
- - Bonastick   Cytat(Strus @ 2005-04-08 16:55:12)Cytat(Bonas...   8.04.2005, 18:04:39
- - Strus   Teraz zatrybiłem ten Twój sposób, w istocie jest c...   8.04.2005, 18:48:08
- - Bonastick   Wszystko ładnie i tak samo działa na wszystkich pr...   8.04.2005, 19:46:56
- - Strus   Pamiętaj, że to jest tylko moja interpretacja spec...   8.04.2005, 20:09:54
- - Bonastick   OK, więc jeśli będziesz miał jakieś wieści, zamieś...   8.04.2005, 20:20:31
- - Strus   Cytat(Bonastick @ 2005-04-08 20:20:31)Jeszcze...   8.04.2005, 21:15:51
- - Bonastick   Cytat(Strus @ 2005-04-08 20:15:51)Więc sprawa...   8.04.2005, 22:00:33

« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 5.10.2025 - 01:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn