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