Ponekad je prilikom postavljanja web stranice potrebno sakriti neke elemente smještene na njoj. Na primjer, ako želite da posjetitelj ne vidi gumbe za slanje obrasca dok se ne popune sva obavezna polja. Ili ako gumb uopće nije namijenjen posjetitelju, ali skripta smještena na ovoj stranici treba ga "kliknuti".
Upute
Korak 1
Upotrijebite svojstvo prikaza Cascading Style Sheets (CSS) da biste isključili ili uključili prikaz željenih elemenata stranice. Prema međunarodnim standardima, ovom se svojstvu može dodijeliti više od jedan i pol tuceta vrijednosti koje određuju različite metode prikaza. Međutim, samo su četiri preglednika (tj. Rade u svim glavnim preglednicima). Među ove četiri postoji vrijednost none koja vam treba, a koja vam omogućuje da sakrijete željeni element stranice.
Korak 2
Stvorite potreban skup CSS smjernica. U najjednostavnijem obliku može izgledati ovako: gumb {display: none;} U ovom slučaju stranica neće prikazati sve gumbe pomoću oznake….
3. korak
U upute dodajte naznaku nazivu klase ako želite sakriti samo jedan gumb ili određenu skupinu gumba. Na primjer, imenujte takvu klasu HideBtns i dodajte to ime u CSS izjavu: button. HideBtns {display: none;} Dodajte atribut klase željenom gumbu u HTML kodu stranice i dodijelite joj vrijednost HideBtns: hidden button
4. korak
Primijenite svojstvo display s vrijednosti none na nadređeni element ako želite, na primjer, sakriti ne samo gumb, već i ostale elemente web obrasca. Obrazac se smatra "roditeljem" svih elemenata smještenih između oznaka i. Na primjer:
Ovdje se unutar obrasca postavlja tekstualno polje i gumb za predaju unesene vrijednosti. Obrazac je dodijeljen klasi nazvanoj HideForm, pa da biste sakrili i polje za unos i gumb, morate promijeniti CSS izraz ovako: form. HideForm {display: none;}
Korak 5
Stavite pripremljeni kod u gornji primjer u zaglavlje web dokumenta (između oznaka i). Da biste posjetitelju pregledniku rekli da je ovo CSS kôd, on mora biti priložen između početne i završne oznake HTML stila:
button. HideBtns {display: none;}
