Relative – absolute – float

Uppdaterat 3 april 2017 / Om clear:float och clearfix:after. Idag anges clear:float annorlunda genom att vi kan använda CSS pseudo class-elementen :after och/eller :before för att avsluta ett/flera flytande element. Exempelkod 1 specificerar blocket som berörs (wrapper). Nummer 2 specificerar flera element. Exempel 3 är global. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Runda hörn utan bilder – enbart css

Uppdaterat 2 april 2017

Denna artikel innehöll en gammal teknik och är därför redigerad. Nu för tiden används CSS3 border-radius, och med dagens moderna webbläsare behöver man inte längre ange ett webbläsarespecifikt prefix såsom -webkit-border-radius eller -moz-border-radius utan det räcker med border-radius. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Gör en iframe enbart med css – skrollbar div

Uppdaterat 2 april 2017 / Iframes – inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames/iframes är. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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 tar bort det. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Att validera en sida

När man validerar sin sida så är det ofta i syftet att standardisera sajten så att den ska vara kompatibel i de flesta webbläsare. Men också för sin egen del att ha en sida som är fullständigt ”ren” utan några fel i kodningen. Det är inte så lätt utan att ge avkall på script och vissa koder för att få en sida helt validerad kanske Du tänker nu. Men – det går, faktiskt. Genom att ”peta” in några färdiga koder så förhindrar man webbläsarna att tolka scripten fel – och Du kan exempelvis behålla dina javascript. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Systematisk enkel felsökning

Hjälp – sidan vill inte validera eller så har div-blocken hamnat helt fel. Jag ändrade lite i koden och nu är allt förstört!!!

Här har du ett litet ”check-schema” att följa. Jag vill bara poängtera att denna felsökning inte är någon universalmedicin eftersom jag inte vet hur just din sajt ser ut. Se den istället som ett hjälpmedel till att finna eventuella fel du kanske inte vet hur du annars skulle kunnat upptäcka. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Vi gör tabeller!

För tillgänglighet och användbarhet är det bättre att använda thead, tfoot, och tbody-elementen eftersom flödet i denna uppställning dessutom är användarvänligt och tillgängligt då flödet parsas som en strukturerad html-sida med just head, body och footer, därtill gynnar detta insticksprogram som talsyntesmoduler och utskrift. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Länka till iframe

Uppdaterat 2 april 2017 / Iframes – inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames/iframes är. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Att göra en iframe

Uppdaterat 2 april 2017 / Iframes – inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames/iframes är. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

Vilket doctype ska jag välja?

Uppdaterat 2 april 2017
Nu för tiden används övervägande HTML5. Gällande doctype är då <!DOCTYPE html>. När du ska göra en hemsida får du aldrig glömma ett doctype. Man använder en doctypedefinition för att underlätta webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad.


(mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.