dwa różne atrybuty class dla jednego elementu

dwa różne atrybuty class dla jednego elementu

VGT Zobacz profil	8.04.2005, 16:03:17 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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test</title> <style type="text/css"> .red {color:red;} .green {color:green;} .blue {color:blue;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} </style> </head> <body> <h3 class="red left">linia 1</h3> <h3 class="green center">linia 2</h3> <h3 class="blue right">linia 3</h3> </body> </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ź

Odpowiedzi

VGT Zobacz profil	8.04.2005, 16:35:22 Post #2
Grupa: Zarejestrowani Postów: 63 Pomógł: 9 Dołączył: 19.11.2004 Skąd: Iława Ostrzeżenie: (0%)	Matid -> Właśnie validator mi to łykał, 3 przeglądarki także, więc do tej pory spokojnie stosowałem. Dopiero po zapoznaniu się z tym kursem na w3schools.com zostałem troche zbity z tropu. Oczywiście w tym przykładzie zaprezentowany przez Ciebie sposób jest odpowiedniejszy ale to miał być tylko przykład, więc może sprecyzuję, gdzie tego używam. Mam style dla komórek tabeli, jak wiadomo, można tam zrobić sporo, więc trochę tego jest szczególnie jak takich różnych wizualnie tabel jest kilkanaście. Teraz jedyna rzecz, która w tych stylach jest niestała, to wyrównanie tekstu w komórce. Każda z tabel może mieć komórki z wyrównaniem left,center,right. Były 3 drogi: - mogłem stworzyć style bez wyrównania, a następnie w komórkach definiować klasę i dodatkowo wyrównanie: [HTML] pobierz, plaintext <td class="klasa" style="text-align:right">tekst</td> [HTML] pobierz, plaintext Rozwiązanie akceptowalne o ile nie ma nic lepszego, ten sposób preferuję stosować w ostateczności, jeśli w całym serwisie jedną jedyną rzecz muszę zrobić inaczej. - mogłem dla każdego stylu komórki stworzyś 3 wersje z róznym wyrównaniem, co jednak zwiększa znacznie css'a i znacznie pogarsza możliwość zmian wyglądu (trzeba pamiętać o zmianie każdego elementu w trzech miejscach) - każdy z dotychczasowych stylów trzeba stworzyć w 3 wersjach - 3 rozwiązanie właśnie zaprezentowałem a ponieważ działa na wszystkich przeglądarkach (w aktualnych wersjach, jak zauważyłeś - nie wiem, jak jest na wcześniejszych), to rozwiązanie odpowiadało mi znacznie bardziej od pierwszego. Jednak teraz chciałbym się upewnić, czy mogę tak robić, gdyż jeśli nie, powinienem chyba wrócić do sposobu pierwszego. *EDIT* W międzyczasie znalazłem tutaj wątek o łączeniu styli, co pozwoliło mi wpaść na takie rozwiżanie pośrednie: [HTML] pobierz, plaintext <style type="text/css"> .red_left, .red_center, .red_right {color:red;} .red_left {text-align:left;} .red_center {text-align:center;} .red_right {text-align:right;} .green_left, .green_center, .green_right {color:green;} .green_left {text-align:left;} .green_center {text-align:center;} .green_right {text-align:right;} .blue_left, .blue_center, .blue_right {color:blue;} .blue_left {text-align:left;} .blue_center {text-align:center;} .blue_right {text-align:right;} </style> ..... <h3 class="red_left">linia 1</h3> <h3 class="green_center">linia 2</h3> <h3 class="blue_right">linia 3</h3> [HTML] pobierz, plaintext Jest to rozwiązanie drugie, ale pozbawione wymienionych przeze mnie wad. Rozwiązanie mnie zadowolające ale moje pytanie o to, czy mogę stosować sposób z pierwszego posta jest nadal aktualne (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif) Ten post edytował Bonastick 8.04.2005, 17:01:43

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 »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Forum PHP.pl