Come rimuovere i rientri su Bullets in CSS

June 15

Nella progettazione Web, è possibile utilizzare la lista non ordinata - "<ul>" - tag per creare elenchi puntati. Per impostazione predefinita, i browser liste di rientro da entrambi spostandoli verso destra, e mettendo spazio vuoto sopra e sotto per sottolineare loro. È possibile rimuovere questi rientri utilizzando un foglio di stile a cascata, o CSS, per modificare le proprietà dei margini per il tag lista non ordinata, ma si deve fare questo due volte per spiegare le differenze tra Internet Explorer e Firefox. Utilizzare un margine fisso misurata in pixel per ottenere le misure più precise.

istruzione

1 Aprire il file CSS. Posizionare il cursore su una nuova riga alla fine del file. Digitare la seguente per rimuovere i rientri in una lista non ordinata:

ul {

margin: 0px 0px 0px 0px;

}

Ciò allineare verticalmente il testo sopra o sotto una lista non ordinata con il testo nella lista. I punti elenco saranno ancora essere posizionati alla sinistra delle voci di elenco, ma il rientro sarà andato. Tuttavia, questo funziona solo con Internet Explorer. Firefox utilizzerà queste regolazioni, ma non rimuovere completamente i rientri da un elenco.

2 Digitare la seguente per rimuovere i trattini in Firefox:

html> body {ul

margin: -15px 0px 0px -40px;

}

Assicurati di inserire questo sotto la prima definizione "ul". Internet Explorer ignora questo a causa del "html> body" introduzione, ma Firefox non. Il primo e il quarto numeri che forniscono rimuovere la parte superiore e ha lasciato il rientro dalla lista, allineando il testo con il resto della pagina, in modo simile a Internet Explorer.

3 Salvare il file CSS e caricarlo sul server. Metti alla prova la tua pagina Web utilizzando Internet Explorer e Firefox. Potrebbe essere necessario regolare i numeri nel file CSS leggermente, a seconda di ciò che la famiglia e la dimensione del carattere si utilizza nella pagina Web.

Consigli e avvertenze

  • Quando si definisce i margini in un file CSS, i numeri definiscono ogni margine in senso orario: in alto, a destra, in basso ea sinistra. Tuttavia, non è necessario utilizzare quattro numeri ogni volta che se i margini sono tutti uguali. Ad esempio, "margin: 0px;" farà tutti e quattro i margini zero pixel. In alternativa, "margin: 10px, 5px;" imposterà i margini superiore e inferiore a 10 pixel e sinistra e destra per cinque pixel.