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

February 8

Quando si sviluppa una pagina Web nella Hypertext Markup Language (HTML), è possibile lo stile varie funzionalità del tuo sito, tra le liste. Le liste, che includono bullet point e numerate, possono essere visualizzati in una varietà di modi con i fogli di stile. Se, dopo aver progettato le liste, che non vengono visualizzati come previsto, allora si dovrà controllare il vostro codice.

Le liste in HTML

Il codice per le liste sia utilizza il tag <ol> per "ordinato" liste, altrimenti noto come elenchi numerati, oppure il tag <ul> per le liste non ordinate "", altrimenti noto come punti elenco. Entrando questi nel vostro HTML è semplice, ma non include i parametri per la progettazione - quelli devono essere inseriti utilizzando un foglio di stile a cascata (CSS).

Liste in CSS

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

codice CSS

Inserire il codice seguente, sia nel 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 "margine" di qui (margine, margin-top, margin-left, ecc).

Codice HTML

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

<H1> List </ h1>

<Ul>

<Li> ONE 1 </ li>

<Li> DUE 2 </ li>

<Li> TRE 3 </ li>

</ Ul>