Differences
This shows you the differences between two versions of the page.
webbutv_13 [2013-01-29 18:05] Daniel Viström |
webbutv_13 [2017-09-01 14:54] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Infoga JavaScript – övning 3 ====== | ||
- | |||
- | 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 ===== | ||
- | |||
- | * Använd en // | ||
- | * 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. | ||
- | |||
- | ===== Formatera sidan med css ===== | ||
- | |||
- | Följande ska formateringar ska göras i // | ||
- | * 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. | ||
- | * I tabellen ska varannan rad ha // | ||
- | * I de två kolumnerna med siffror som multipliceras ihop ska // | ||
- | * I kolumnerna med gångertecken och likamed 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 //# | ||
- | * Gör formateringar så att sidan ser bra ut i övrigt, t.ex. //margin// och // | ||
- | * **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. | ||
- | ===== Tips ===== | ||
- | |||
- | Använd //inspect element// i din webbläsare. | ||
- | |||
- | ===== Redovisning ===== | ||
- | |||
- | Skicka in din css-fil, // | ||