itfag | Teknologi. Data. Læring. Deling.

jan/11

25

Layout med CSS, flere kolonner, del 1

Av: Svend Andreas Horgen, høgskolelektor og faglærer i blant annet PHP og Ajax

Dette innlegget er småteknisk, men jeg vil dele noen verdifulle CSS-erfaringer med deg. CSS er en standard brukt innen webutvikling og gjør det mulig å utforme slik at alle websider blir like med minimalt med kode.

Jeg fikk i oppdrag å lage en webside for forskningsprosjektet UnderstandIT. Dette er et EU-prosjekt, og websiden må derfor ha engelsk innhold. Designeren vår, Therese, lagde et forslag til utseende. Dette er vist under (klikk for større versjon i nytt vindu). Se nøye på bildet. Hvilke elementer har vi å gjøre med her?

Dette er egentlig en nokså kompleks layout. Det fins flere muligheter for å realisere en slik webside med HTML-kode. Tidligere har jeg brukt tabeller (table-taggen) til dette, og hvis en bruker verktøy ala DreamWeaver eller FrontPage, får en gjerne generert en hel masse tabeller nøstet i tabeller nøstet i tabeller nøstet i…. Det er lite fleksibelt og vanskelig å vedlikeholde, og tabeller anbefales ikke brukt til layout.

Men hvordan lage en såpass komplisert side med CSS? Er denne siden komplisert? Gruble gruble…. Løsningen jeg kom fram til, beskrives i et kommende blogginnlegg om noen dager.

Nå spør jeg deg: Hvorfor er dette komplisert? Hvilke elementer her byr på utfordringer? Hvilke særegenheter vil du si at siden er bygget opp av, som kan by på problemer? Legg gjerne igjen en kommentar nedenfor. Dine innspill er veldig nyttige og kanskje du lærer litt på veien!

Dette innlegget har 3 kommentarer. Gjerne bidra :-)

Skrevet av: Svend Andreas Horgen (totalt 133 blogginnlegg)

3 comments

<<

>>

Theme Design by devolux.nh2.me