1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (nikt jeszcze nie ocenił tego wpisu)
Loading ... Loading ...

Długi opis przykładu ilustrującego prezentację strukturalnie nachodzących na siebie komórek

Ten przykład ilustruje dwa różne sposoby prezentowania tabel zdefiniowanych w języku HTML (i XHTML 1) jako niepoprawne z powodu zastosowanej w nich kombinacji atrybutów rowspan i colspan.

W przypadku po lewej stronie nakładają się dwie komórki. Po prawej stronie natomiast w tabeli jest pozostawiona luka.

W obu tabelach komórki mają szare tło i czarne obramowanie. Każda z nich zawiera cyfrę pełniącą rolę etykiety. Komórki są od siebie oddzielone odstępem międzykomórkowym.

W górnym wierszu tabeli po lewej są cztery komórki zawierające odpowiednio cyfry „1″, „2″, „3″ oraz „4″. Druga z tych komórek (z cyfrą „2″) obejmuje wiersz znajdujący się pod nią. Drugi wiersz tej tabeli zawiera jedną komórkę zawierającą cyfrę „5″ obejmującą kolumny pierwszą i drugą. Z tego powodu komórki „2″ i „5″ nakładają się w drugiej kolumnie drugiego wiersza. Obszar nakładania się komórek został oznaczony ciemniejszym tłem.

W tabeli po prawej stronie znajduje się taki sam pierwszy wiersz zawierający komórki „1″, „2″, „3″ i „4″. Druga komórka obejmuje wiersze pierwszy i drugi. Drugi wiersz tej tabeli zawiera jedną komórkę zawierającą cyfrę „5″ obejmującą kolumny trzecią i czwartą. Dzięki temu żadne komórki nie nakładają się na siebie, ale pierwsza komórka drugiego wiersza jest pusta.

Powrót do rysunku

Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!