Kako kombinirati ili spojiti ćelije u HTML tablici

Možete spojiti dvije ili više stanica tablice pomoću atributa colspan u a HTML oznaka (podaci tablice). Na primjer, u donjem kodu je tablica s tri retka i tri stupca.

Ako smo htjeli kombinirati prve dvije ćelije u jednu ćeliju, mogli bismo koristiti atribut colspan = "2" u prvom označiti. Broj predstavlja koliko ćelija želite koristiti za označiti.

Primjer HTML tablice

Gornji kod, prikazan u web-pregledniku, daje tablicu sličnu tablici prikazanoj u nastavku. Kao što možete vidjeti, prva ćelija obuhvaća širinu od dva stupca.

Da biste koristili sve tri ćelije na vrhu tablice, povećajte vrijednost kolone na 3 jer postoje tri stupca. Povećanjem vrijednosti na 3 dobivate tablicu sličnu dolje prikazanom primjeru.

Napomena: Provjerite jeste li pri proširenju a koji uklonite sve preostale označiti. U gornjem primjeru, jer koristimo sva tri stupca, imamo samo jedan u (redak tablice).

Spajanje ćelija pomoću WYSIWYG uređivača

Također možete koristiti WYSIWYG editor za spajanje stanica. Obično se to radi označavanjem dvije ili više stanica, desnim klikom na stanice i odabirom opcije spajanja stanica. U nastavku su navedeni dodatni koraci kako to učiniti u Dreamweaveru i Expression Webu.

Spajanje stanica pomoću programa Dreamweaver

  1. Označite dvije ili više stanica u tablici.
  2. Desnom tipkom miša kliknite označene ćelije.
  3. Kliknite Tablica, a zatim Spoji ćelije .

ili

  1. Označite dvije ili više stanica u tablici.
  2. Pritisnite tipkovnički prečac Alt + Ctrl + M.

Spajanje stanica pomoću Expression Web

  1. Označite dvije ili više stanica u tablici.
  2. Desnom tipkom miša kliknite označene ćelije.
  3. Kliknite Izmijeni, a zatim Spoji ćelije .