Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Next revision Both sides next revision
webbutv_13 [2013-01-28 13:19]
Joakim Forsgren [Formattera sidan med css]
webbutv_13 [2013-01-29 18:05]
Daniel Viström
Line 7: Line 7:
 ===== Förändra HTML-koden ===== ===== Förändra HTML-koden =====
  
-  * Använd en link-tagg för att länka in JavaScriptfilen //script3.js//.+  * Använd en //script//-tagg för att länka in JavaScriptfilen //script3.js//.
   * Länka även in en css-fil med namnet //script3.css//. Denna fil ska du skapa själv.   * Länka även in en css-fil med namnet //script3.css//. Denna fil ska du skapa själv.
   * I övrigt får du inte göra några förändringar i HTML-koden.   * I övrigt får du inte göra några förändringar i HTML-koden.
  
-===== Formattera sidan med css =====+===== Formatera sidan med css =====
  
-Följande ska formatteringar ska göras i //script3.css//:+Följande ska formateringar ska göras i //script3.css//:
   * Sätt en //ram// runt formuläret.   * Sätt en //ram// runt formuläret.
   * Sätt en yttre //ram// runt hela tabellen. I övrigt skall tabellen inte innehålla några ramar.   * Sätt en yttre //ram// runt hela tabellen. I övrigt skall tabellen inte innehålla några ramar.
Line 21: Line 21:
   * I kolumnen med svaren ska //teckenfärgen// vara //#FC4466//.   * I kolumnen med svaren ska //teckenfärgen// vara //#FC4466//.
   * När man håller muspekaren över en rad i tabellen ska bakgrundsfärgen för raden ändras till //#BCF7F7//.   * När man håller muspekaren över en rad i tabellen ska bakgrundsfärgen för raden ändras till //#BCF7F7//.
-  * Gör formatteringar så att sidan ser bra ut i övrigt, t.ex. //margin// och //padding//.+  * Gör formateringar så att sidan ser bra ut i övrigt, t.ex. //margin// och //padding//.
   * **För högre betyg:** Formatera //input// av typen //text// utan att använda dig av id:et på taggarna. Bakgrundsfärgen skall vara i en gul ton.   * **För högre betyg:** Formatera //input// av typen //text// utan att använda dig av id:et på taggarna. Bakgrundsfärgen skall vara i en gul ton.
   * **För högre betyg:** Formatera //input// av typen //button// utan att använda dig av id:et på taggarna. Bakgrundsfärgen skall vara i en blå ton.    * **För högre betyg:** Formatera //input// av typen //button// utan att använda dig av id:et på taggarna. Bakgrundsfärgen skall vara i en blå ton. 
Line 31: Line 31:
  
 Skicka in din css-fil, //script3.css//. Skicka in din css-fil, //script3.css//.
-