| Artikkel-oversikt | Gi respons |
| Bok om web-design | Om Infolinx | |
| Scripts og tips hos Winfolinx.com | Webhotell |
Disse objektene er med hjelp av egenskapen z-index plassert over og under hverandre i en bestemt orden. (Prøv å markere objektene med hjelp av mus-markøren.)
Oppsettet er faktisk svært enkelt. Kodene til "reklamen" går slik:
Mellom HEAD-taggene ligger Style:
<STYLE>
.mittTextObjekt1 {position: absolute; z-index: 1; top: 150px; left: 130px; font-size:50pt; color: orange}
.mittTextObjekt2 {position: absolute; z-index: 2; top: 186px; left: 190px; font-size:30pt; color: blue}
.mittTextObjekt3 {position: absolute; z-index: 3; top: 185px; left: 193px; font-size:30pt; color: #335485}
</STYLE>
Top og Left bestemmer hvor objektet (teksten) skal starte, 0px på begge er helt øverst i venstre hjørne. Font-size og Color er mere selvforklarende...
Eksperimenter med alle verdiene.
OBS: Annen "brødtekst" må plasseres evnt. over / under z-index. Legger du objektet ned på siden (Top og Left med verdier) vil det første du skriver komme over objektet. Etter hvert som du fyller opp siden vil teksten din komme "under" objektet, da får du bruke <br> og <p> for å flytte resten nedenfor objektet. Plasseringen via Style er Absolute!
Så kommer teksten hvor plasseringen nå er gitt:
<SPAN CLASS="mittTextObjekt1">Infolinx-no</SPAN>
<SPAN CLASS="mittTextObjekt2">Alle adresser du trenger</SPAN>
<SPAN CLASS="mittTextObjekt3">Alle adresser du trenger</SPAN>
Legg merke til at koordineringen skjer via mittTextObjekt(1, 2 og 3)!
Enkelt og greit?
Du kan også legge "style" direkte inni en div-tag, se eksempel her
|
Er du usikker på HTML og "web-snekring"? Da kan jeg tryggt anbefale e-boken "HTML fra start"! Den tar deg med fra starten og frem til din første web-side. Boken er skrevet på norsk og i et lett og forståelig språk! Les mer om den, eller bestill den HER! Trenger du faglig hjelp til å profilere deg på internett? Les mer her! |
| Copyright © 1999-: Willy Sørensen - Infolinx-no.com |