Design tips - Margin och padding

Okej, nu ska vi se hur jag kan förklara detta, bilden säger det mesta.
Många blandar ihop margin och padding och de vet framförallt inte vilken ordning alla värden man ger är.

Jag börjar med att förklara margin och padding.

  • Margin: är det luftutrymme du anger om du vill att en ruta tex ska ha mellanrum från en annan box, eller om texten ska vara längre ifrån en annan som inte tillhör samma div eller class (eller vad man nu använder). Den påverkar utifrån innehållet så att säga. Bakgrundsfärgen i denna div skall inte påverkas.
  • Padding: flyttar innehållet från kanterna eller vad man säger. Mellanrummet går alltså inåt. Bakgrundsfärgen i denna div fyller ut det värde du anger.

Vilken ordning ligger alla värden på?
Tänk dig att du har en klocka, det första du anger är kl 12 (top), andra kl 3 (right), tredje kl 6 (bottom) och den fjärde och sista kl 9 (left). Då man väl vet detta så är det inte krångligt alls att minnas, det är bara att räkna utefter klockan.

Hoppas denna guide är hjälpsam, berätta gärna om den varit hjälpsam för dig.

Denna blogg används ej mer, om du ska kommentera gå till http://designandmakeup.se exempelvis om du tagit en design eller har någonting du vill säga. På min nuvarande blogg hittar du alla gamla inlägg som även finns här så du missar ingenting, du har även chansen att bli veckans blogg, vinna gratis bloggdesigner, åtkomst till gratisdesigner, sminkguider och mycket mycket mer. Så gör dig en tjänst och kika in HÄR

1 Kommentarer
Postat av: moa

hej hur gör jag om jag vill kopiera ut enn person exakt på personen i linjer med mera ??
vore tacksam för svar ... :P

2010-01-16 @ 12:03:28
URL: http://trisslan.blogg.se/

DESIGN
- Jag gör inga personliga designer gratis, vill du inte betala pengar för den så hänvisar jag dig till mina Utlottningar eller gratis designmallar
- Vill du beställa design? Klicka här
- Kika även in mina auktioner! klicka här
- Ställ inte frågor om design, jag kommer inte svara på dem. Därför hänvisar jag dig istället till w3schools.com/, webdesignskolan.se, Bloggdesign.nu eller så gör du som jag, googla!

MAKEUP
- Är det sminkguiderna du är ute efter så klicka här
- Har du några frågor ang smink så fråga gärna, men jag har inte så stor koll så förvänta dig inte att jag har svar på allt.

ÖVRIGT
Kommentera gärna, men om någon kommentar innehåller något stötande, mot mig eller någon annan så raderas det direkt.
Reklam av något slag raderas, samt spam.

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0