Come per allineare il testo sotto i proiettili in Dreamweaver

September 22

Proiettili su pagine Web visualizzate al di fuori del testo, in modo che quando il testo per un proiettile corre per più righe, il testo non appare sotto i proiettili. È possibile modificare l'allineamento del testo puntato in modo che non allineare sotto le pallottole, però. Utilizzare la proprietà "text-trattino" dei CSS (Cascading Style Sheets) per spostare il proiettile nel testo, quindi, ponendolo al di sopra della seconda riga di testo. Modifica la pagina Web in Dreamweaver utilizzando la vista "Split" per creare la vostra lista proiettile e modificare il CSS nel pannello "Codice".

istruzione

1 Aprire la pagina Web in Dreamweaver, e selezionare "Codice e Design" dal menu "Visualizza" nella parte superiore dello schermo.

2 Aggiungere "<style>" tag sotto i "<title>" tag se si vede nessuno nel codice HTML. Posizionare il cursore nel pannello "Design" in cui si desidera aggiungere un elenco proiettile se la pagina Web non ha ancora uno. Fare clic sull'icona lista pallottola nel dialogo "Proprietà" e iniziate a digitare, o evidenziare il testo e fare clic sull'icona per convertire il testo esistente a un elemento puntato.

3 Vai nella pagina "<style>" tag nel pannello "Codice" e aggiungere questa regola stile:

ul li {

text-trattino: 15px;

}

Fare clic sul pannello "Design" per vedere come il codice effettua la vostra lista proiettile. Regolare il numero di pixel nella proprietà "text-trattino" al bisogno.


Articoli Correlati