Sadržaj
Web-dizajneri koriste popise "neuređenih" ili "oznaka" za više od dodavanja oznaka i teksta. HTML oznaka koja se koristi za stvaranje neuređenih popisa korisna je za kreiranje izbornika i organiziranje slika kako bi se JavaScript učitao u prezentaciju. Učenje kako koristiti CSS (Cascading Style Sheet) zajedno s ovim popisima otvorit će mnoge mogućnosti web dizajna. Poravnavanje neuređenih popisa vrlo je važna vještina za poboljšanje.
smjerovi
-
Otvorite HTML datoteku koja sadrži neuređeni popis i pregledajte oznake i , pri vrhu koda. Dodaj oznake> i ako već nisu prisutni. Ako vaš kôd sadrži oznaku
- negdje iza njega, i sadrži referencu na CSS datoteku, otvorite tu datoteku. Vaš CSS kôd će ići između> i ili u novom retku CSS datoteke.
-
Poravnajte tekst unutar oznaka postavljanjem svojstva "poravnavanja teksta" oznake
- , To uključuje oznake
- i definirati ih kao dio jednog popisa. Kada poravnate tekst u oznaci
- , to će utjecati na sve elemente na popisu, ali ne i na sam popis s lijeve ili desne strane stranice. Primjer korištenja CSS koda za postavljanje svojstva "poravnavanje teksta" koristite "ul {text-align: right;}". Imajte na umu da se oznake ne pomiču s tekstom. U tom slučaju bit će s lijeve strane.
-
Poravnajte cijeli popis s lijeve ili desne strane stranice postavljanjem svojstva "float" svoje oznake
- , Ovo svojstvo utječe na cijeli popis tako da ga premjestite lijevo ili desno od stranice. Napišite kod "ul {float: right;}".
Ovo svojstvo možete postaviti lijevo ili desno, ali ne i središte.
-
Omotajte oznake
- s oznakama i stvorite omot koji će centrirati popis na stranici. Kôd će izgledati ovako: "
- Element popisa
- Element popisa
Oznaka neće sama poravnati ništa; trebali biste koristiti CSS za centriranje svega. Dodajte sljedeći kôd između oznaka ili u CSS datoteku kako biste centrirali popis: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".