Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Css sprite
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
mimol
Witam, Postanowiłem sobie posklejać małe obrazki w jeden(Na razie tylko z ramki newsa)
News wygląda mniej więcej tak
Obrazek1
Więc wygenerowałem sobie sprite, i pozmieniałem css.
  1. ....
  2. td.mainboxMiddlecenter {
  3. background: url("images/ramka/border_hside.gif");
  4. background-repeat: repeat-x;
  5. }
  6. td.mainboxBottom {
  7. background: url("images/ramka/border_hside.gif");
  8. background-repeat: repeat-x;
  9. }

.....
Zamieniłem na
  1. td.mainboxMiddlecenter {
  2. background-image: url("images/ramka/sprite.png");
  3. background-position: 0 0; width: 6px; height: 6px;
  4. background-repeat: repeat-x;
  5. }
  6. td.mainboxBottom {
  7. background-image: url("images/ramka/sprite.png");
  8. background-position: 0 0; width: 6px; height: 6px;
  9. background-repeat: repeat-x;
  10. }

Teraz pojawił się problem, poniważ klasa mainboxMiddlecenter działa a mainboxBottom robi pewne problemy, obrazek 2
Obrazek2
Oczywiście sprite układany jest PIONOWO, i co więcej ma szerokość 6 px. Co powininem zrobić aby to działało?, Dziwię się, że Middle działa a Bottom już nie;/
Domyślam się, że to jest wina HTML (zaminiając clase z mainboxBottom na mainboxMiddlecenter również jest ten błąd). Tylko dlaczego go nie ma jak jest nasz sztywno wisana nazwa border_hside.gi
erix
A masz gdzieś to na żywo?
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.