Text text

Nu är det dags att positionera den, så gå in i din stilmall igen och leta upp koden som du la till innan.

Nu kan du göra en massa förändringar i koden:

#side2 {
position: absolute;
left: 10px; <—– Ställ in hur långt ifrån vänster kant rutan skall börja.
top: 200px; <—– Ställ in hur långt ner uppifrån rutan skall börja.
width: 150px; <—– Ställ in bredden på rutan.
height: 300px; <—– Ställ in höjden på rutan, om du vill att innehållet skall styra, ta bort raden helt
border: 1px solid black; <—– Ställ in hur bred kantlinjen skall vara.
background: red; <—– Ställ in vilken bakgrundsfärg du vill ha.
}

Nu är det en sak till att göra, nämligen att låsa fast #wrapper så att allt annat på bloggen håller sig på plats och inte lägger sig över vartannat.

Gå in i din stilmall igen, och leta upp stycket #wrapper.
Kolla om det finns en rad som heter position:. Om det finns, se till att det står position: absolute;.
Om du inte har den kodraden, lägg då till den.
Nu ska du positionera din #wrapper, det gör du genom att lägga till left: 300px;. Värdet 300 kan du ändra så att du får den position du vill ha på din blogg.


Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0