Sadržaj
Prilikom izrade web-stranice korisno je koristiti CSS za centriranje horizontalnog popisa, kao što je izbornik koji se može kliknuti. Možete koristiti CSS, koji je jezik slogova, pored HTML-a da biste kontrolirali izgled vaše stranice. CSS stilovi se često prikazuju nepredvidivo u različitim web-preglednicima, stoga je važno prije testiranja temeljito testirati svoju stranicu. Neuređeni popis (ul) je element na razini bloka, tako da možete koristiti svojstvo width za stvaranje centraliziranog učinka.
smjerovi
-
Otvorite HTML datoteku u uređivaču teksta, kao što je Windows Notepad.
-
Dodajte potrebne CSS stilove na horizontalni popis u "" dijelu HTML datoteke dodavanjem sljedećeg koda:
type = "text / css"> .myclass {text-align: centar; } .myclass ul {širina: 275px; margina: 0px auto} .myclass li {display: block; plutajući: lijevo; visina: 50px; visina linije: 50px; margina: 5px; širina: 125px; granica: čvrsta 1px crna; }Širina popisa (ul) predstavlja zbroj širine i margine horizontalnih stavki (li).
-
Stvorite horizontalni popis u odjeljku ">" HTML datoteke dodavanjem sljedećeg koda:
- prva stavka
- druga stavka u odjeljku div
Oznaka "ul" određuje neuređeni popis. Oznaka "li" odgovara stavci na popisu. Stavke popisa koriste CSS stilove koji se podudaraju s gore definiranim.
-
Spremite HTML datoteku i učitajte je na svoj web poslužitelj kako biste vidjeli vodoravni, centrirani popis.