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.