Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z <img>
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
jerrys
Witam mam problem z wypełnianiem atrybutu <td> - tłem poprzez użycie <img>.
Zrobiłem sobie tabelkę i chciałbym aby na dolnej i bocznej krawędzi było tło podobne do cienia. Wszystko było ok ale na firefox-ie natomiast w IE nie rozciągnoł mi tego tak jak na firefox-ie sad.gif . I problem leży prawdopodobnie w miejscu gdzie width lub height jest ustawione na 100%. Tylko jak to rozwiązać bo tabelka ma zmienny rozmiar??

A oto kod:
  1. <table border=0 cellspacing=0 cellpadding=0>
  2. <tr>
  3. <td align='center' class='warstwa_color' valign='middle' rowspan=2 colspan=2>
  4. <div id='opcje_str' class='gr_red' style='cursor:pointer' onclick="dwie_warstwy_pokaz_ukryj('dane_edit', 'dane_pokaz', 'opcje_str', 'WprowadĽ zmiany', 'ANULUJ')">WprowadĽ zmiany</div>
  5. </td>
  6. <td width='5' height='10'>
  7. <img src='include/img/ramka/prawy_gora.gif' width='5' height='10'>
  8. </td>
  9. <tr>
  10. <td width='5'>
  11. <img src='include/img/ramka/prawy.gif' width='5' height='100%'>
  12. </td>
  13. </tr>
  14. <tr>
  15. <td height='5' width='10'>
  16. <img src='include/img/ramka/dol_rog.gif' width='10' height='5'>
  17. </td>
  18. <td height='5'>
  19. <img src='include/img/ramka/dol.gif' width='100%' height='5'>
  20. </td>
  21. <td width='10' height='5'>
  22. <img src='include/img/ramka/rog.gif' width='5' height='5'>
  23. </td>
  24. </tr>


Proszę pomóżcie biggrin.gif
bregovic
Użyj CSS zamiast tabelek. Życie stanie się łatwiejsze.
jerrys
A czy mógłbyś podpowiedzieć coś więcej questionmark.gif
bregovic
Ok, zaczynając od początku:
1) Atrybuty w (x)html'u pisz zawsze w " a nie w '
2) Cały twój layout da się skonstruować za pomocą div'ów i CSS zamiast tabel
3) Aby osiągnąć potrzebny ci efekt użyj atrybutu CSS
Kod
background: url('twoja-grafika.gif') repeat-x;
jerrys
No to dzięki - sprawdze jutro bo dzisiaj już nie zdąże .
W każdym razie dziękuję.

biggrin.gif
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.