2009-01-30
22:13:50

Stilmall: margin

I de fall jag har hjälpt till med bloggdesign, och då främst problem med koder, har jag upptäckt att många har en förkärlek för att använda sig av alla möjliga sorters koder. I det här inlägget tänkte jag ta upp en av de enklaste funktionerna, närmare bestämt margin.



margin styr som ni kanske förstår marginalen runt ett objekt. Objekten kan vara allt från text och länkar till hela menyer och liknande.

I stilmallen står margin utskrivet så här:
#exempel {
margin: 10px 3px 5px 20px;
}

Exemplet överensstämmer även med bilden till höger, som visar vilken del som styr vad. För den som inte förstår sambandet kommer här en förklaring hur det fungerar:

margin: (upp)px (höger)px (ner)px (vänster)px;

Som med alla inställningar i stilmallen ska även margin alltid avslutas med ett semikolon (;) för att den ska fungera korrekt.



Som avslutning kommer det vanliga meddelandet om att ni gärna får kommentera mitt inlägg, och fråga om ni inte förstår! Ni kan antingen kommentera eller skicka ett mail, både och går bra :)

Kommentarer
Postat av: Emma

sv: Höhö, ok (a) :'D



Ohh, en sån här blogg skulle jag fått hitta när jag började blogga! Jag fattade ingenting, haha. x)

2009-01-30 @ 22:20:31
URL: http://idjut.blogg.se/
Postat av: Heyli

såg din kommentar nu! tro mig, jag har provat med margin: 0px; på alla, det vore ju det logiska men funkar inte, därav mitt lilla test med att sätta margin på höger och vänster och lite överallt :p inget funkar så jag gav upp :p

2009-01-31 @ 01:02:02
URL: http://heyli.blogg.se/
Postat av: Anna

Svar: Ojdå! :o Har du några tips på hur jag kan ställa det till rätta? ^^



Mvh Anna

2009-01-31 @ 10:39:06
URL: http://naannah.blogg.se/
Postat av: Lucia

Bra bra, det där kan ju vara svårt att förstå för många.

2009-01-31 @ 13:56:18
URL: http://luciaisraelsson.blogg.se/
Postat av: H A I D I J A K O B S S O N

SVAR: tack tack så jättemkt ^^ :'D <3

2009-01-31 @ 14:13:48
URL: http://haaiidi.blogg.se/
Postat av: Sebban

svar: Jo det är meningen... hehe.

2009-01-31 @ 17:11:16
URL: http://sabbaa.se
Postat av: Sandra

Precis vad jag behövde ;D

2009-02-01 @ 10:13:02
URL: http://saandrafoto.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0