Infolinx-no
Alle adresser du trenger
Alle adresser du trenger
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
|
