| Artikkel-oversikt | |
| Scripts og tips hos Winfolinx.com | ||
| Webhotell |
| 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 HeadingHeading +20Heading -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)! |
|
|