Infolinx-no.com   Artikkel-oversikt
  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