Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Łączenie identyfikatorów i klas
Forum PHP.pl > Forum > Przedszkole
Madras
Witam, chciałbym się dowiedzieć dlaczego poniższa konstrukcja nie działa.

Fragment CSS:
  1. #abc
  2. {
  3. float: left;
  4. width: 180px;
  5. height: 180px;
  6. -webkit-border-top-left-radius: 9px;
  7. -moz-border-radius-topleft: 9px;
  8. border-top-left-radius: 9px;
  9. }
  10.  
  11. #abc.0 { background-image: url('gfx/przypadek0.jpg'); }


Przykładowe użycie na stronie:
  1. <div id="abc" class="0"></div>


Chodzi o to, że mam dużo obrazów (przypadków) i nie chciałbym za każdym razem podawać wszystkich kluczy w identyfikatorze abc. Dlatego uogólniłem to do #abc i stworzyłem klasy dla #abc typu 0, 1, 2, 3, 4, 5, 6.., które zawierają tylko info o obrazku.

Pozdrawiam!
mortus
Powinno być raczej odwrotnie. Tzn. każdy element powinien mieć klasę abc i każdy z osobna powinien mieć własny identyfikator, przy czym zarówno wartość atrybutu id, jak i wartość atrybutu class nie może zaczynać się cyfrą. Przykład:
  1. <!-- ... -->
  2. .abc {
  3. float: left;
  4. width: 180px;
  5. height: 180px;
  6. -webkit-border-top-left-radius: 9px;
  7. -moz-border-radius-topleft: 9px;
  8. border-top-left-radius: 9px;
  9. }
  10. #przypadek_1 {
  11. background-image: url('gfx/przypadek1.jpg');
  12. }
  13. #przypadek_2 {
  14. background-image: url('gfx/przypadek2.jpg');
  15. }
  16. <!-- ... -->
  17. <div id="przypadek_1" class="abc"></div>
  18. <div id="przypadek_2" class="abc"></div>

Według specyfikacji w dokumencie HTML może się znaleźć tylko jeden element o określonym id.
Madras
Właśnie jest tylko jeden taki identyfikator. PHP losuje zdjęcie, dlatego mam kilka klas.

Zaraz sprawdzę mimo wszystko i dam znać.

EDIT: To niedziała, niestety.
Korab
Pokażesz cały kod?
Madras
Doszedłem do tego, że problem jest tylko z tym fragmentem. Niema potrzeby, aby umieszczać całość. wink.gif
mortus
Pisałem przecież, że wartości atrybutów class i id nie mogą rozpoczynać się cyfrą, a tym bardziej być cyfrą. Sam zobacz.
Madras
Dziękuję Mortus za pomoc. smile.gif Jednocześnie chciałbym przeprosić za moje niedoczytanie.

Pozdrawiam serdecznie!
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.