Design tips - footer!

Nu tänkte jag skriva ihop ett inlägg på hur du lägger ihop en footer!
En footer är som en header, fast längst ned på deisgnen (se min).

Du börjar med att göra en, i samma bredd som designen.
Sen kopierar du den här koden och lägger in den längst ner i din stilmall.

#footer{
clear: both;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: bräddenpx;
height: höjdenpx;
background: #FFFFFF url(HTTP:ADRESS TILL FOOTERN HÄR!) no-repeat bottom center;
text-align: center;
font-family: verdana, arial;
font-size: 10px;
color: #FFFFFF;
}

Vet du inte vad som menas med HTTP adressen? Klicka HÄR

Sen ställer du in bredden och höjden som du gjort den i.
Nu när du fixat den i stilmallen så ska du klistra in denna kod i din kodmall mellan de tre </div> som finna näst längst ned.

koden: </p> <div id="footer"> </div> <p>

Gör nu detta på alla sidor som du hittar i 'scrollern' (om du inte förstår se länk ovanför)

Och sedan skall footern vara på plats!
Om det inte funkar, fråga! :)


Kommentarer
Postat av: moa järnhester

vilken fin blogg du har!

kolla gärna in min, skulle bli jätte glad!

kram :)

2011-07-29 @ 14:22:02
URL: http://moaelise.blogg.se/
Postat av: Sofia

Följa varandra via bloglovn? =) Byta bildlänkar? =)

2011-07-29 @ 16:31:09
URL: http://sofialovee.blogg.se/
Postat av: Maja :D

Åhh va bra, Tack så mycket! :D

2011-07-30 @ 20:26:12
URL: http://teamma.blogg.se/
Postat av: Julia Hörnfeldt

varför hamnar den inte ovanför kommentarerna ? :O

2011-07-30 @ 22:54:16
URL: http://horzeteam.blogg.se/
Postat av: Sabina

Fattar inte så mkt av det där med bild osf som du skrev här

2011-07-31 @ 11:03:09
URL: http://smebacksflikka.blogg.se/
Postat av: Hanna

Tack för tipset! :) Har undrat länge hur man kan fixa en sån.

2011-08-04 @ 13:06:11
URL: http://hannamellberg.blogg.se/

Kommentera inlägget här:

Namn:
I'm awsome

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0