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
webbutv_13 [2013-01-28 13:19]
Joakim Forsgren [Formattera sidan med css]
webbutv_13 [2013-01-29 18:12]
Daniel Viström
Line 2: Line 2:
  
 I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera den multiplikationstabell som scriptet genererar. \\ \\ I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera den multiplikationstabell som scriptet genererar. \\ \\
-Här hittar du filerna.+{{:script3.zip|Här hittar du filerna}}.
  
  
 ===== 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//.
-