Hvordan lage Iframe Float

Iframes er HTML-elementer som gjør at en annen HTML-fil til å sitte inne i en forhåndsdefinert boks på den opprinnelige HTML-side. Flytende et element gjør elementet sitte på toppen av andre elementer og også forbli i en statisk plassering i forhold til siden og andre omkringliggende side elements.To lage CSS-baserte "flyte" effekt, iframe-elementer må legges på et annet element med noen spesielt CSS koding for å bidra til å skape effekten.

Bruksanvisning

1 Opprett en ny HTML-fil og CSS-filen i koden redaktør av ditt valg. Hvis du allerede har en eksisterende HTML og CSS-fil, kan du legge til disse filene i stedet.

2 Lag en <iframe> element i HTML-fil med noen element attributter. For eksempel: <iframe align = "left" frameborder = "0" width = "150" height = "150"> </ iframe>.

3 Erstatte innholdet i "src" attributt med plasseringen av iframe innhold. Pass på å også erstatte "width", "høyde" og "justere" attributter for å representere dimensjoner av iframe og siden justering fra hvor du vil flyte.

4 Lag en <div> element med en "id" attributt å omgi ditt <iframe> element. For eksempel: <div id = "framefloat"> <iframe> </ iframe> </ div>.

5 Åpne CSS stylesheet, og skape en stil linje for div id. For eksempel: framefloat {}.

6 Legg flyte effekt på div id stil. For eksempel: framefloat {position: absolute; venstre: 200px; top: 200px; width: 150px; height: 150px; z-index: 100; }.

7 Endre "venstre" og "topp" stil størrelser for å være plasseringen av iframe i forhold til siden. Pass på å også endre "height" og "width" stil størrelser til iframe dimensjonene du allerede definert i iframe-elementet.

8 Spar både HTML og CSS-kode. Du skal nå ha en iframe som flyter på websiden din.