Hvordan lage Logo Posisjoner i CSS

CSS har forenklet posisjonering i nettsider. Som nettlesere har utviklet seg, har støtte for CSS vokst og forandret seg. I de nyeste nettleserne, er CSS posisjonering bred støtte. Du kan legge til et par enkle elementer til din nettside for å endre alt fra farge til størrelse og hvor ting ligger på siden. Disse elementene kan legges til en evig CSS-fil eller rett inn i HTML. Lær hvordan legge til CSS elementer direkte inn i HTML-fil; disse samme elementene kan flyttes til en ekstern fil.

Bruksanvisning

1 Åpne HTML-filen i en teksteditor og finn img tag med din logo. Det skal se omtrent slik ut: <img />.

2 Type div koder rundt logoen img tag: <div> <img /> </ div>.

3 Legg stilelementer til div tag: <div style = ""> <img /> </ div>.

4 Besluttet hvordan du vil at logoen plassert. Du kan bruke mange ulike elementer for å justere logo. Legg CSS-elementer til stye element:

<Div style = "float: right; margin-right: 10px;"> <img /> </ div>.

Float forteller leseren til å justere logoen til høyre. Ved å gi det en riktig margin 10px, vil det ha noen plass på høyre side og ikke bump opp mot kanten. Float kan også ta kommandoen "venstre" for å få logoen flyte til venstre. Du kan også bruke en margin-top, margin-bottom eller margin-left å flytte logo.

5 Lagre HTML-fil.