Webbutveckling med HTML och CSS

Laboration L7

Exempel

Webbplatsen har nu utökats med användning av en del av det som tagits upp i föreläsning F7 och laboration L7.

Tabell

En tabell för folkmängdens förändring under ett antal år har lagts in på sidorna för Jönköping, Kalmar och Växjö. Tabellen har lagts i aside, så att den visas i högerspalten på en stor skärm och under sidans huvudinnehåll på en liten skärm. Den placerigen av aside gjordes redan då layouten skapades i L4smaland.

I CSS-koden ges en stil för aside table, m.m. i koden där övrig stil för aside ligger. I media queryn för 720px, då aside flyttas ner, har det lagts till en regel för tabellen, för att göra bredden lite smalare. Eftersom bredden anges i procent och det tillgängliga utrymmet blir större, då den flyttas ner, blir tabellen i praktiken bredare.

Formulär

Exemplet på ett formulär i laboration L7c var ganska konkret, så jag har inte lagt in något formulär på webbplatsen om Småland.