Differences
This shows you the differences between two versions of the page.
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. | + | {{: |
===== Förändra HTML-koden ===== | ===== Förändra HTML-koden ===== | ||
- | * Använd en link-tagg för att länka in JavaScriptfilen // | + | * Använd en //script//-tagg för att länka in JavaScriptfilen // |
* Länka även in en css-fil med namnet // | * Länka även in en css-fil med namnet // | ||
* 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 | + | ===== Formatera |
- | Följande ska formatteringar | + | Följande ska formateringar |
* 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 // | * I kolumnen med svaren ska // | ||
* När man håller muspekaren över en rad i tabellen ska bakgrundsfärgen för raden ändras till //# | * När man håller muspekaren över en rad i tabellen ska bakgrundsfärgen för raden ändras till //# | ||
- | * Gör formatteringar | + | * Gör formateringar |
* **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, // | Skicka in din css-fil, // | ||
- | |||