Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
css_positioning [2012-05-03 11:28] Joakim Forsgren |
css_positioning [2012-05-03 11:30] Joakim Forsgren |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== CSS Positioning ====== | ====== CSS Positioning ====== | ||
- | Målet är att få bra koll på följande begrepp och de fungerar: | + | Målet är att få bra koll på följande begrepp och hur de fungerar: |
* Static Positioning (om ingen position anges) | * Static Positioning (om ingen position anges) | ||
* Fixed Positioning (position: | * Fixed Positioning (position: | ||
Line 17: | Line 17: | ||
Utseendet skall bli så likt bilden ovan som det bara någonsin går.\\ | Utseendet skall bli så likt bilden ovan som det bara någonsin går.\\ | ||
**TIPS!** | **TIPS!** | ||
- | * I funktionen boxcorners måste kolla upp hur stor bilden är. | + | * I funktionen boxcorners måste |
* Börja med att komma på hur man placerar ut de fyra div:arna | * Börja med att komma på hur man placerar ut de fyra div:arna | ||
* Fundera sedan ut hur man placerar bakgrundsbilden rätt. | * Fundera sedan ut hur man placerar bakgrundsbilden rätt. | ||
- | * Se till så att det funkar även om det är en kant linje med. | + | * Se till så att det funkar även om det är en border. |
* Gör dina ringar i Inkscape | * Gör dina ringar i Inkscape | ||