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.