Hvordan Split en bunntekst i Thirds

Hvordan Split en bunntekst i Thirds


Bunntekst ligger på bunnen av en webside. De hjelper deg knytte din nettside sammen og gi ytterligere detaljer om et selskap. Webdesignere ofte gjenta linker fra toppen navigasjon i bunnteksten for å holde brukerne fra å rulle tilbake for å hente den informasjonen. Siden bunnteksten er ofte kort, kan du dele den opp i kolonner for å strukturere innholdet lettere. For eksempel kan det være lurt å ta med kontaktopplysninger om informasjon til venstre, opphavsrett i midten og selskapets vilkår på høyre side.

Bruksanvisning

1 Start en tekstredigeringsprogram, for eksempel Notisblokk, Wordpad eller EditPad. Velg "File" og "Open" fra menyen. En dialogboks åpnes. Dobbeltklikk på HTML-filen du ønsker å endre.

2 Legg til følgende kode mellom <HEAD> tag å skape en stil for bunnteksten. Bytt bredden med den spesifikke bredde du vil angi for bunntekst. Den "900px;" width gjelder bredden av hele bunnteksten. Bredden i "venstre", "middle" og "rett" gjelder som for hver kolonne i bunnteksten.

<Style type = "text / css">
<! -

footer {

klar: begge;
width: 900px;
border-top: 2px svart solid;
}
.left {float: left; width: 300px; }
.middle {float: left; width: 300px; }
.right {float: left; width: 300px; }
->
</ Style>

3 Rull ned til bunnen av websiden, like over den avsluttende <BODY> tag.

4 Legg inn følgende HTML-kode for å lage og dele bunnteksten i tredeler:

<Div id = "footer">
<Div class = "left"> Venstre del </ div>
<Div class = "middle"> Middle del </ div>
<Div class = "right"> Høyre del </ div>
</ Div>

5 Erstatt "Venstre avsnitt," "Middle avsnittet" og "Right avsnittet" med bunnteksten innhold.