Hvordan Float Pieces of a Kontaktskjema Bruke CSS

Den "flyte" CSS eiendom forteller en nettleser for å plassere et element til venstre eller høyre til det omkringliggende innhold. Flottøren stil lar deg word-wrap innhold rundt et HTML-element, inkludert kontaktskjema tekstbokser. Du oppretter en CSS-klasse som definerer "flyte" eiendom, deretter tildele den nye klassen til hver av kontaktskjemaelementer.

Bruksanvisning

1 Høyreklikk på CSS-filen, og velg "Åpne med." Klikk på HTML-editor for å åpne CSS-kode.

2 Legg en klasse til filen. Følgende kode oppretter en klasse som flyter kontaktskjemaet tekstboksene til venstre og innholds wraps på høyre:

input.floating {

float: left;

}

Du kan også bruke "rett" til å flyte innhold på venstre side og legg inn elementet på høyre.

3 Høyreklikk HTML-fil som inneholder din kontaktskjema. Klikk "Åpne med", deretter HTML editor igjen for å åpne skjemaet.

4 Legg til den nye CSS-klasse til inngangen tekstboksen "style" eiendom. Skriv inn følgende kode i hver av de innspill tekstboksen tag definisjoner:

class = "flytende"

5 Spar både CSS-filen, og HTML-fil og laste opp endringene til ditt nettsted vertsserveren.