Resurser December – 07

December och årets sista listade resurser. Iconfinder Sökmotor för ikoner Iconlet Sökmotor för ikoner PngFactory Png ikoner Hitta snabbt ditt ID på flickr The icon grab Ikoner Ikoner hos Stefan Persson Ikoner hos ezsmiley Smooth scroll hos Dezinerfolio sizcons

Relative – absolut – float

För att kunna utnyttja css maximalt är det bra att veta lite om hur positioneringar fungerar och vad det innebär. Arbetar du med stylesheets har du med all säkerhet träffat på definitionerna relative absolute och float.

Runda hörn utan bilder – enbart css

Att runda till hörnen på boxarna är snyggt – men tyvärr kan det ibland också vara lite knepigt att få det snyggt om man vill använda små bilder. Varför inte helt strunta i bilderna och istället lösa det med css?

Gör en iframe enbart med css – skrollbar div

Vi ska nu titta lite närmare på två alternativa iframes. Det översta exemplet är enbart gjort med en div box. Eftersom vi använder en div behöver du inte länka in någon sida utan du skriver texten som du brukar göra i dina boxar.

Styla dina bilder

Du kanske använder bilder som klickbara länkar? Det vanliga sättet är då att skriva border=”0″ i html-koden. Använder du css ska du naturligtvis låta stilmallen sköta detta istället för att stjäla utrymme i html-koden. Ni som använder xhtml och/eller vill gå över till strict kommer direkt att upptäcka att sidan inte validerar om man inte…

Bygg en csslayout i två kolumner

Fler och fler använder sig av layouter byggda enbart i css. Här får du lära dig steg för steg hur du bygger en två-kolumns layout och vi ska göra den i webbstandard xhtml 1.0. För att följa med i beskrivningen behöver du till att börja med öppna två tomma dokument. Det ena ska vara i…