	Artikkel-oversikt	Gi respons
	Bok om web-design	Om Infolinx
	Scripts og tips hos Winfolinx.com	Webhotell

Plassering av et element med en relativt verdi

CSS:

... og sånn blir det:

<html><head>
<style type="text/css">
h1.ex1
{
position:relative;
left:20
}
h1.ex2
{
position:relative;
left:-20
}
</style>

</head><body>
<h1>Normal Heading</h1>
<h1 class="ex1">Heading +20</h1>
<h1 class="ex2">Heading -20</h1>
</body></html>

Normal Heading

Heading +20

Heading -20

"Relative" plassering setter et element relativt til dets originale plassering.
Hadde man istedet for Relative brukt:
"position:absolute"
ville Headingen gått helt over til venstre marg +/- antall pixler i style-kommandoen.
"Left:20" legger til 20 pixler til elementets LEFT possisjon.
"Left:-20" trekker 20 pixler fra elementets LEFT possisjon.
NB: I eksempelet her er elementene inne i en celle (TD)!

Free Tips and JavaScripts provided
by Infolinx-no.com Web

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!