Övningsuppgifter - lägg in bilden

Öppna textredigeraren och din hemsida - index.html.

Lägg in din bild med hjälp av koden från föregående sida och spara hemsidan igen.

Öppna hemsidan i webbläsaren och kontrollera resultatet. Låt sedan webbläsaren vara öppen.

Flytta bilden och pröva flera olika lösningar för placeringen. För varje ny lösning sparar du hemsidan och växlar till webbläsaren. Klicka på Uppdatera och undersök resultatet. Fortsätt tills du har fått en bildplacering som du är nöjd med.

Spara hemsidan.

Försök göra en snygg "logotyp" att ha på hemsidan. Se till att bilden blir liten och spara den gärna i GIF-format som genomskinlig bild.

Via stilmallen kan du nu lägga in logotypen på alla dina sidor, i stället för den bakgrundsbild du redan har där.

Tillägget background-repeat: no-repeat; gör att loggan visas en enda gång längst upp till vänster på sidan.

Om du vill att en liten bild skall upprepas längs sidans hela vänsterkant, skriver du i stället background-repeat: repeat-y; - med den metoden kan du till exempel skapa en snygg, bara några pixlar bred list längs vänsterkanten.

Vill du upprepa bilden tvärs över sidan skriver du background-repeat: repeat-x;

Tänk på att en upprepad bild längs vänsterkanten betyder att du måste flytta in alla texter och rubriker motsvarande bildens bredd plus litet extramarginal.

Läs gärna igenom Lägg in bilden igen innan du övergår till Kunskapstestet. 

© SupportData.Net