Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]obramowanie tabeli
Forum PHP.pl > Forum > Przedszkole
mateuszpi
Witam
kolejne dziwne zachowanie html
polecenie border powinno działać tak dla table jak i dla tr i td

a tymczasem działa tylko dla table:
  1. <table border=1>
  2. <tr>
  3. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  4. </tr>
  5. <tr>
  6. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  7. </tr>
  8. <tr>
  9. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  10. </tr>
  11. <tr>
  12. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  13. </tr>
  14. <tr>
  15. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  16. </tr>
  17.  
  18. <br /><br />
  19.  
  20. <tr border=1>
  21. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  22. </tr>
  23. <tr>
  24. <td border=2>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  25. </tr>
  26. <tr>
  27. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  28. </tr>
  29. <tr>
  30. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  31. </tr>
  32. <tr>
  33. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  34. </tr>


przykład jak to wygląda: http://www.indianie.info/test.html


możecie mi wyjaśnić jak zrobić obramowanie powiedzmy ostatniego rzędu w całości i drugiej komórki w drugiej linijce questionmark.gif (miejsca przykładowe byle by się odnosiło to tr, td, table).
definiowanie tego w stylach również nic nie zmieniło
webasek
Zapraszam tutaj jest dobry tutorial (kurs)
Shili
Dla td korzystaj ze stylów css. Ten o nazwie border nada się jak znalazł.
Dla tr nie zrobisz obramowania normalną metodą.
mateuszpi
Shili możesz rozwinąć tą myśl o nienormalnym obramowaniu dla tr questionmark.gif

mam tablele z funkcją rowspan i chce aby jedno rowspan było oddzielone od innego i mnie się wydaje że najlepiej w takiej sytuacji właśnie wsadzić jakieś obramowanie dla tr aby to ładnie było oddzielone

  1. <table border="1" style="border:3px solid green;">
  2. <tr>
  3. <td style="border:3px solid green;">fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  4. </tr>
  5. <tr>
  6. <td rowspan="3">cały ten duży obszar chce aby był obramowany</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  7. </tr>
  8. <tr>
  9. <td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  10. </tr>
  11. <tr>
  12. <td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  13. </tr>
  14. <tr>
  15. <td>fdg</td><td>hfghfh</td><td>fghfghfg</td><td>gfhgh</td>
  16. </tr>
Pilsener
  1. border="1"
- wywal to, bo takich rzeczy się już nie używa.

Jak chcesz ładnie ostylowywać tabelę, musisz liznąć kurs CSS. Np:
Kod
<tr class="abc"><td>aaa</td><td class="xyz">bbb</td></tr>


CSS - dla wiersza:
Kod
.abc td {
border: 1px solid black;
}

dla komórki:
Kod
.xyz {
border: 1px solid black;
}
- możesz kombinować np. tak:
Kod
.abc .xyz {
border: 1px solid black;
}

dla całej tabeli:
Kod
table {
border-collapse: collapse;
}
table td {
border: 1px solid black;
}
- trzeba też uważać, bo czasem IE kaprysi, ale generalnie tabelki nie powinny sprawiać problemów.
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.