12: Om inlämningsuppgiften i XHTML och CSS

Denna vecka hade vi en inlämningsuppgift i XHTML och CSS. Vi fick börja med att följa instruktioner för att göra några övningssidor, sedan var uppgiften att fortsätta med dessa själva och även skapa två stilmallar för utskrift och mobila enheter.

När jag var klar med övningsuppgifterna var det lite utseendemässiga saker jag ville ändra först, mest färger och bakgrunder, vilket inte har så mycket med CSS:en att göra. Sedan hade jag lite småproblem jag behövde lösa. De flesta problemen hängde på att sidan såg olika ut i Internet Explorer och Firefox. Det största problemet var att marginalerna blev olika i de olika webbläsarna, men efter en del testande fram och tillbaka lyckades jag i alla fall fixa så att det såg bra ut i båda.

Sedan märkte jag att ankarpunkterna som jag lagt i litteraturlistan fick samma attribut som vanliga länkar i Firefox, men framstod som vanlig text i Internet explorer. Så då lade jag till regler så att det även såg ut som vanlig text i Firefox.

När jag skulle skapa de andra CSS-filerna började jag med den som var för utskrift. Jag kopierade den första CSS-filen och tog bort bakgrundsfärger och kantlinjer, i övrigt lät jag den vara ganska lik orginalsidan. När det gällde CSS-reglerna för mobila enheter var det svårare, eftersom jag inte kan surfa på min egen mobil. Jag började även där med att kopiera den första filen och sedan ta bort alla marginaler, förutom i vänsterkanten där jag gav sidan någon procents marginal. Jag gjorde en liten version av bilden på första sidan, i övrigt valde jag att bilderna inte skulle synas.

Vid ett tillfälle fick jag kolla sidan i Josefins mobil och såg att texten flöt ihop på vissa ställen, så jag gjorde lite extra letterspacing på mobilsidan. Till både mobil och utskrift använde jag vanlig rubrik istället för en bakgrundsbild som i orginalsidan.

Sidan: http://student.ktd.sh.se/~sh09hp5554/