Många har problem med att förstå vad margin och padding är. De som vet lite om det, kan tycka att det är samma sak, men så är det inte.
Jag ska förklara så bra jag kan.
En bloggsida är uppbyggd av en massa olika rutor, t ex wrapper, header, content, side osv. Dessa rutor kan man bestämma hur långt avståndet skall vara till nästa ruta, med hjälp av margin.
Inuti en ruta kan man styra hur långt avståndet skall vara mellan kanten och innehållet, med hjälp av padding.
Alla dessa inställningar gör du i din stilmall.
Om du kikar på denna bild, och sedan läser texten nedan, så kanske du får en bättre bild av vad som är vad.
Margin (röda pilar)
Anger avståndet till nästa objekt. Om du har två rutor bredvid varandra, så anger margin avståndet mellan dessa rutor. T ex avståndet mellan din content och side.
Padding (svarta pilar)
Anger avståndet inuti en box eller ruta från kanten till innehållet. T ex texten i din content, dvs där du har texten i dina inlägg.
Man kan ange koden på lite olika sätt i sin stilmall, antingen så anger man alla sidor var för sig:
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
Eller så skriver man samtliga sidor på en och samma rad för att minska ner på koden:
margin: 5px 10px 5px 10px;
padding: 5px 10px 5px 10px;
När man skriver det på samma rad så har man fyra tal, och man börjar alltid uppifrån (top) och går medsols. Så ordningen man anger är alltså följande: top-right-bottom-left.
Om du har samma värde på samtliga fyra, så kan du istället skriva så här:
margin: 10px;
padding: 10px;
Vill du läsa lite mer om padding och margin, så kan du läsa om det på webdesignskolan: [Länk]
Hej jag behöver hjälp med en lite sak. Jag ändra ”margarin” men det blir ingen skillnad :/ Har en annan blogg där jag gör designen! *Länk: http://baraatestar.blogg.se*
Tacksam för hjälp!
Hejsan! Jag skulle verkligen verkligen verkligen bli superglad ifall du förklarade hur man får menyn uppdelad i boxar!
Tacksam för hjälp
Hej! Jag skulle vilja göra ”ytan” där texten/inläggen är, just nu är den ganska liten och kompakt, alltså vill jag att den ska bli bredare så textraderna blir längre & så att man får plats med större bilder & Youtube-klipp! Tacksam för hjälp!/ elsa
hej jag har samma problem som elsa, försökt få texten i inläggen att kunna bli bredare med hjälp av padding men det händer iiiingenting. Kan du inte förklara lite mer HUR man ska ändra för att kunna göra så själv texten i inläggen kan bli bredare, för det här sa mig inget..
TACK!!!
Nu funkar min blogg igen!!
Hej, hej!
Fin blogg du har!
Men du, det är jobbigt att läsa när du centrerar texten i inläggen. Du kanske vill ha det så (centrerat), men som läsare är det bättre med vänsterställd text.
/ Yvonne
Okej, jag har ett problem. Själva texten i både min riktiga och testblogg stannar några cm innan kanten av inläggsdelen. Just nu så testar jag att öka width och minska padding men det går inte rikrigt som jag vill… om någon vill hjälpa så gå in på testbloggen och kommentera för jag kommer nog glömma bort att kolla på svaren här. HJÄLP SNÄLLA!
Hej, jag har ett problem..
Om man kollar på min blogg (ertret.blogg.se) då ser man ju att det är svart på konstiga ställen, och jag förstår inte hur man ska fixa det?
Jag bad om hjälp av en mer erfaren tjej, och hon sa att jag skulle ändra i margin och padding, men det blir ingen skillnad!
Snälla hjälp mig
Hej!
Jag behöver hjälp med en sak!
Jag vill att textern i headern ska stå nere på headern.
Hur gör jag då?? Tacksam för svar!
Hej Lari !
Jag undrar en sak ,och det är hur man får lite ”space” mellan bokstäverna när man har kursiv text . Skulle inte du kunna ta upp det i bloggen ifall du vet hur man gör ?
http://www.shirl.blogg.se har rätt mkt space när hon har kursiv text . Så vill jag också ha !
Och vet du hur man ändrar färg på kursiv text? asså så att det kommer automatiskt en annan färg när man har det kursivt ?
snälla , jag blir jätte tacksam för svar ifall du kan svaren på det =) !
Maria, om du har fashion (din stilmall) så går det inte ha så, bara om du har ngt annat.. t.ex den dära stortstadsstilmallen
Åh jag har suttit länge och försökt klura ut hur det är utan att lyckas. När jag skriver ett inlägg i min testblogg hamnar textens början så långt in i själva inlägget. Försökt ändra i både padding och margin men inget händer med själva texten
hjälp?
Om jag vill minska ner på padding kring mina kategorier, senaste inlägg och länkar. Alltså att alla länkar jag lägger in (exempelvis) inte är så långt från varandra.
Skulle vilja minska ”radbrytningen” mellan dem.
Hur gör jag?
Jag undrar samma sak?!
Hej! Jag har ett litet problem med min design. Jag har alldeles för stort mellanrum mellan Headern och inläggen. Stör mej jättemycket på de, och har testat att byta koder i stilmallen, men jag får inte till de. Någon som kan hjälpa? skulle varit jätte schysst
Hur ändra marginalen på texten i ”content” utan att rubriken jag har också drar ihop sig. Har färg bakom rubriken och när jag ändrar padding går inte färgen ända ut kanterna – hoppas någon förstår.
Här är ligger rubriken:
<div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3>${EntryTitle}</h3> <div class="entrybody">${EntryBody}</div> <div class="entrymeta">och så här ser koden till ”content” ut:
#content {
overflow: hidden;
float: right;
width: 740px;
background: #FFFFFF;
padding: 0px 0px 20px 0px;
voice-family:”\”}\”";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px none;
border-right: 5px solid #990033;
border-bottom: 0px solid #000000;
border-left: 0px solid #537A8E;
margin-top: -25px;
}
bloggens adress: http://mittilivets.blogg.se/
Väldigt tacksam för hjälp!
Hej… Kan man göra så rubriken är i mitten av rubrik raden? MÅSTE HA SVAR!!!
Hej!
Vill bara tacka dig så sjukt mycket. Din sida är verkligen grym. Med hjälp av dina inlägg här så lär jag mig mer och mer om designen i min blogg hela tiden. Har suttit ett bra tag nu och hållt på fram och tillbaka, och denna sida har hjälpt mig som satan! Har mycket kvar på bloggen tills den ser ut helt som jag vill men med hjälp av den här sidan så lär jag blir klar innan nästa år iallafall. Haha nej men allvarligt, grymt bra sida, den har varit till extremt mycket hjälp. Ett stort TACK till dig! Grymt!