Nwlapcug.com


Perché sono i margini non funziona sulla mia lista di HTML?

Quando si sviluppa una pagina Web in hypertext markup language (HTML), è possibile che lo stile varie funzioni sul tuo sito, inclusi gli elenchi. Elenchi, che includono punto e numerate, possono essere visualizzati in vari modi utilizzando fogli di stile. Se, dopo aver progettato le liste, essi non vengono visualizzati come previsto, sarà necessario verificare il tipo di codifica.

Elenchi in formato HTML

Il codice per gli elenchi utilizza il tag < ol > per gli elenchi "ordinati", altrimenti noti come elenchi numerati, o il tag < ul > per "unordered" elenca, altrimenti noto come punti elenco. Inserendo questi nel codice HTML è semplice, ma non include i parametri per la progettazione-- quelli devono essere immessi utilizzando un foglio di stile CSS (CSS).

Elenchi in CSS

Il foglio di stile CSS è la codifica in un file CSS separato o all'interno del tag < head > del codice HTML che definisce l'aspetto dei vari elementi nella tua pagina. Lo stile di elenco consente di modificare i margini. Pertanto, se si desidera modificare i margini, deve farlo nella codifica CSS.

Codice CSS

Inserire il seguente codice nel tuo file CSS o all'interno del tag CSS nei tag < head >:

UL

{

margin-left: 1em;

padding-left: 0;

}

li

{

margin: 0;

padding: 0;

}

Inserire i parametri tipici di "margine" qui (margine, margine superiore, margine sinistro, ecc.).

Codice HTML

Assicurarsi che si sta utilizzando codice HTML di base nell'effettiva attuazione, ad esempio:

< h1 > elenco < / h1 >

< ul >

< li > 1 </li >

< li > due 2 </li >

< li > tre 3 </li >

</UL >