Razlikovanje tablica od njihovih pozadina pomaže naglasiti sadržaj tablice u odnosu na sve ostalo na web stranici. Da biste dodali pozadinu tablice, morat ćete unijeti promjene u kaskadni list stilova podržavanje vaše web stranice.
Početak rada
Najbolji način za dodavanje pozadinske slike u tablicu je upotreba CSS-a pozadini imovine. Da biste se pripremili za učinkovito pisanje CSS-a i izbjegli neočekivane probleme s prikazom, otvorite pozadinsku sliku i zabilježite visinu i širinu. Zatim prenesite svoju sliku svom davatelju usluge hostinga. Testirajte URL slike; jedan od najčešćih razloga zašto se slike ne prikazuju je taj što se u URL-u nalazi pogreška pri upisu.
U glavu dokumenta umetnite CSS blok stila:
Napišite svoj CSS za pozadinu na stolu i stavite ga u blok stila:
Postavite tablicu u HTML:
stanica 1ćelija 2
stanica 1ćelija 2
Postavite širinu i visinu tablice tako da odgovaraju širini i visini slike.
Postavite širinu i visinu tablice tako da odgovaraju širini i visini slike.
Ako je sadržaj vaše tablice veći od visine i širine slike, pozadinska slika prikazat će se samo jednom.
Stavite pozadinu na samo jedan stol
Gornje upute će postaviti istu pozadinsku sliku na svaki stol na stranici. Da biste postavili pozadinu samo na određene tablice, upotrijebite a razred atribut. Dodajte razredpozadini bilo kojoj tablici za koju želite imati tu pozadinsku sliku. Postavite širinu i visinu za te tablice.
Neka se pozadinska slika tablice ponovi
Veće tablice ili tablice s više sadržaja možda će trebati ponoviti pozadinu tako da se popuni cijela tablica. Promijenite vrijednost u CSS-u tako da se slika ponavlja na y-osi, x-osi ili pločicama na obje.
pozadina: url ("URL na sliku") ponavljanje;
Prema zadanim postavkama, vrijednost ponavljanja bit će popločana, ali vrijednost ponavljanja možete postaviti i na.
ponoviti-x
ili.
ponoviti-y
za postavljanje pločica vodoravno ili okomito.
Boje pozadine ćelije blokiraju pozadinsku sliku tablice
Bilo koje boje pozadine postavljene na ćelijama tablice nadjačavaju pozadinsku sliku na tablici. Stoga budite oprezni kada koristite pozadinske boje na svojim stanicama u kombinaciji sa pozadinskim slikama tablice.
Razmatranja
Svaka slika koju koristite mora biti pravilno licencirana; samo zato što fotografiju možete pronaći na webu ne znači da je možete prilagoditi za vlastitu upotrebu. Poštujte autorska prava!
Pozadine tablica odvajaju vaše tablice od osnovne stranice. Međutim, dobro razmislite prije nego što počnete koristiti ovu tehniku. Umetanje neutralne slike možda neće ometati, ali komplicirane slike namjeravaju biti slatke (na primjer, umetanje slika mačića iza stola koja ukazuje na udomljavanje kućnih ljubimaca) može izgledati neprofesionalno i može utjecati na čitljivost tablični podaci.