Hvordan lage et bilde flyte rundt en Web Screen

Når du setter inn bilder til ditt Hypertext Markup Language (HTML) kode, som standard bildene vil være godt i tråd med teksten. Derfor, hvis du ønsker mer kontroll over hvordan bildene vises, og vil at de skal flyte uavhengig av teksten, kan du bruke et stilark (CSS) koden i overskriften koden eller stilark. Denne koden gjør at du kan sette inn bilder hvor som helst på siden din mens bildene er flytende, og samtidig opprettholde en wraparound tekst element.

Bruksanvisning

1 Åpne HTML-side i ditt foretrukne Webredaktør eller Notepad.

2 Sett inn, inn i CSS-delen av koden, følgende tekstutdrag:

img.floatRightClear {

float: right;

klar: right;

margin: 4px;

}

3 Endre "4px" til hva margin du vil bruke, og erstatte de "riktige" forekomster med det stedet der du vil at bildet skal flyte.

4 Legg til følgende parameter i IMG tag: class = "floatRightClear"

5 Lagre siden din.