Садржај
Веб дизајнери користе "неуређене" или "боокмарк" листе за више од додавања обележивача и текста. ХТМЛ ознака која се користи за креирање неуређених листа корисна је за креирање менија и организовање слика како би се ЈаваСцрипт учитао у презентацију. Научити како користити ЦСС (Цасцадинг Стиле Схеет) заједно са овим листама ће отворити многе могућности веб дизајна. Поравнавање неуређених листа је веома важна вештина за побољшање.
Упутства
-
Отворите ХТМЛ датотеку која садржи неуређену листу и прегледајте ознаке и , на врху кода. Додавање ознака> и ако већ нису присутни. Ако ваш код садржи ознаку
- негде после њега, и садржи референцу на ЦСС датотеку, отворите ту датотеку. Ваш ЦСС код ће ићи између> и или у новом реду ЦСС датотеке.
-
Поравнајте текст унутар обележивача тако што ћете подесити својство "поравнавање текста" за вашу ознаку
- . Ово укључује ознаке
- и да их дефинишете као део једне листе. Када поравнате текст у ознаци
- , то ће утицати на све елементе у листи, али не и на саму листу са леве или десне стране странице. Пример коришћења ЦСС кода за постављање "тект-алигн" својства, користите "ул {тект-алигн: ригхт;}". Имајте на уму да се маркери не померају са текстом. У овом случају, они ће бити на левој страни.
-
Поравнајте цео списак са леве или десне стране странице тако што ћете подесити својство "флоат" за вашу ознаку
- . Ова особина утиче на целу листу тако што је помера лево или десно од странице. Напишите код "ул {флоат: ригхт;}".
Ово својство можете поставити на лево или десно, али не и на центар.
-
Омотајте своје ознаке
- са ознакама и креирајте омот који ће центрирати листу на страници. Код ће изгледати овако: "
- Елемент листе
- Елемент листе
Ознака неће сама поравнати ништа; требате користити ЦСС да центрирате све. Додајте следећи код између> тагова или у ЦСС датотеци да центрирате листу: "див {дисплаи: блоцк; тект-алигн: центер;} ул {дисплаи: инлине-блоцк; тект-алигн: лефт;}".