Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP/CSS]
Forum PHP.pl > Forum > Przedszkole
cytrysek
Witam,

mam "drobny" problem z dokładnym rozmieszczeniem 3 obrazków w 1 komórce tabeli.
Otóż ta komórka posiada tło z narysowanymi 3 kwadratami równo oddalone od siebie.

I teraz w pętli (PHP) wyciągam fotki (max 3 sztuki) i wyświetlam je w taki sposób, by nakładały się na te kwadraty z tła.

Niby ok, ale niestety jak pod Firefoxem udało się "trafić", to pod IE rozsypuje mi się.

próbowałem tak:
  1. <td width="" style="background: url(images/tlo/3obrazki.png) no-repeat 0px 0px;" height="111px">
  2. <div class="img-odst">
  3. <span class="img-shadow">
  4. <img src="images/obrazek1.jpg" width="96" height=96" alt="" border="0">
  5. </span>
  6. </div>
  7. <div class="img-odst">
  8. <span class="img-shadow">
  9. <img src="images/obrazek1.jpg" width="96" height=96" alt="" border="0">
  10. </span>
  11. </div>
  12. <div class="img-odst">
  13. <span class="img-shadow">
  14. <img src="images/obrazek1.jpg" width="96" height=96" alt="" border="0">
  15. </span>
  16. </div>
  17. </td>

i style coś takiego:
  1. .img-odst{
  2. padding: 12px 18px 0px 0px;
  3.  
  4. }


Ktoś pomoże?
Dzięki.
PW
Pilsener
- po co Ci tyle kodu? Po co te divy, spany, width, height? Zrób tak:
  1. <tr>
  2. <td><img src="1" alt="" /></td>
  3. <td><img src="2" alt="" /></td>
  4. <td><img src="3" alt="" /></td>
  5. </tr>


Ewentualnie tak:

  1. <tr><td>
  2. <img src="" alt="" />
  3. <img src="" alt="" />
  4. <img src="" alt="" />
  5. </td></tr>
- daj obrazkom float:left i odpowiedni margin, po co tyle komplikacji?
cytrysek
Cytat(Pilsener @ 21.03.2008, 12:50:34 ) *
- po co Ci tyle kodu? Po co te divy, spany, width, height? Zrób tak:
- daj obrazkom float:left i odpowiedni margin, po co tyle komplikacji?


1 sposob z tabelka ok, 2 nie bardzo bo i tak musze zrobic odstepy miedzy obrazkami, wiec style by si eprzydaly.

Zrobilem inaczej:
3 obrazki obok siebie - w divie z okreslona odlegloscia.
w PHP - zliczam obrazki, jesli jest ich mniej niz 3 - to wrzucam na miejsce brakujacego obrazka obrazek z informacja ze brak obrazka (taki kwadracik + tekst). laugh.gif


Tlo w tabelce z 3 kwadracikami i proby precyzyjnego zakrycia kwadracikow obrazkiem w roznych przegladarkach mogloby sie okazac niewykonalne. sad.gif

pzdr.
PW
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.