Nwlapcug.com


Come inserire una linea verticale con KompoZer

HTML, il sito in lingua proprietari utilizzano per creare pagine Web, non dispone di strumenti di disegno. Se Web designer desidera creare grafica quali cerchi o linee, essi necessario utilizzare linguaggi di scripting per svolgere tale compito. Se la tua pagina ha bisogno di una linea verticale, è possibile utilizzare un semplice trucco CSS per convertire un elemento righello orizzontale in una linea che si muove dall'alto verso il basso sulla tua pagina Web.

Istruzioni

1

Avviare KompoZer e premere "Ctrl" e "n". Si apre la finestra "Crea un nuovo documento". Fare clic su "Creare un documento XHTML" e quindi fare clic su "Crea".

2

Fare clic sul pulsante "Source" nella parte inferiore di KompoZer. Il codice per un documento HTML vuoto viene visualizzato. Incollare il seguente codice HTML nel documento "< body >" sezione:

< hr classe = "riga" / >

Questo crea un elemento di regola orizzontale che fa riferimento a una classe CSS denominata "linea". Norme orizzontali creano linee che scorrono da sinistra a destra attraverso una pagina Web.

3

Copiare il testo seguente e incollarlo nella sezione "< head >" del documento:

< style type = "text/css" >

prima {posizione: absolute; top: 100px; sinistra: 200px; altezza: 300px; Larghezza: 2px;

< / stile >

Questa classe CSS denominata "linea" definisce le caratteristiche di visualizzazione della regola orizzontale. Impostando il valore della larghezza di 2 pixel, si forza il browser a creare una linea verticale. I valori per larghezza e alto determinano dove la linea verticale viene visualizzato nella pagina Web. L'attributo height Imposta l'altezza della linea.

4

Premere "Ctrl" e "S" per aprire la finestra "Salva pagina con nome". Immettere un nome per il file HTML nella casella di testo "Nome File" e quindi fare clic su "Salva" per salvare il documento sul disco rigido.

5

Aprire il documento nel browser. Si vedrà una linea verticale posizionata nel percorso definito dai valori degli attributi superiore e sinistro definiti nella classe CSS.

Consigli & Avvertenze

  • Provare diversi valori per i valori superiore e sinistro nella definizione della classe CSS "linea". Cambiando questi valori consente di posizionare la linea ovunque sulla tua pagina Web. Per rendere le linee più lunghe, aumentare il valore dell'altezza. Diminuire il valore per creare linee più brevi.