XHTML och CSS

Textbilder istället för riktig text

Normalt rekommenderas det inte ur aspekten användarvänlighet att man på webbsidor använder bilder i stället för riktig text. En webb-bild består av pixlar och de läshjälpmedel som t.ex. synskadade använder, kan inte urskilja att en del av pixlarna föreställer text.

När det gäller enstaka rubriker, som inte innehåller så mycket text, kan du dock laborera med lite CSS om du vill använda en bild som rubrik.

2010-04-13 XHTML och CSS Läs hela inlägget Kommentera

Variationer av samma teckensnitt

De flesta använder minst två olika teckensnitt i en webbdesign. T.ex. ett serif-teckensnitt och ett linjärt. Med ett och samma teckensnitt går det dock att hitta förvånansvärt många variationer i formgivningen.

Variationerna kan användas på olika typer av text i designen, men den hålls ändå samman av att det är samma teckensnitt hela vägen. Här kommer några exempel och idéer.

2010-03-01 XHTML och CSS Läs hela inlägget Kommentera

Formulering av väljare i CSS

I en CSS-fil används väljare för att beskriva vilket element på webbplatsen som ska formges.

Väljare kan formuleras på olika sätt för att komma åt rätt element, samt rätt element beroende på sammanhang.

2010-02-26 XHTML och CSS Läs hela inlägget Kommentera

Skapa skuggade block med CSS

Med hjälp av enbart CSS, går det att skapa t.ex. en textruta eller ett layoutblock med en skuggning. Praktiskt om man tycker det känns bökigt eller svårt att skapa grafiken i ett bildredigeringsprogram.

Här kommer ett alternativ till Photoshop-grafik, för att åstadkomma en skuggning till en yta.

2010-02-02 XHTML och CSS Läs hela inlägget Kommentera

Formge länkar i vågrät meny

Kanske självklarheter för en van webbdesignare, men kan vara ack så klurigt om man precis börjat. Och jag vet att det även finns nybörjare bland mina läsare.

Här visar jag hur du skriver din HTML-struktur och även några förslag på formgivning med CSS.

2010-01-14 XHTML och CSS Läs hela inlägget Kommentera

Tolka felmeddelanden vid validering

De flesta anhängare av korrekt skriven (X)HTML, validerar sina webbsidor för att kontrollera att de håller godkänd webbstandard. När en validering utfaller med godkänt är ju allt gott och väl. Att tolka eventuella fel som uppstått är dock inte det lättaste alla gånger.

Här kommer en liten förteckning över vanliga felmeddelanden och vad de betyder. Något du måste ha lite koll på för att kunna åtgärda dem.

2010-01-07 XHTML och CSS Läs hela inlägget Kommentera

Mouseovers med CSS

Mouseovers, rollovers eller överrullningseffekter, på länkar är väldigt effektfullt. Den enklaste varianten är oftast att textlänken byter färg eller får understrykning.

I en meny/navigeringsfält vill man gärna styla till det lite extra, och det bästa av allt är att du kan göra riktigt bra grejer med bara CSS, utan JavaScript. Här kommer några tips på vilka möjligheter som finns.

2009-09-20 XHTML och CSS Läs hela inlägget Kommentera

Vad du kan göra med listor i CSS

Listor, att lista en viss sorts text, är mycket användbart när man skriver webbsidor. Förutom att de kan se ut som helt traditionella punkt- eller nummerlistor, ska de också användas när du listar länkar och gör dina menyer och navigeringsfält.

Här går jag igenom hur listor kodas och vilka möjligheter som finns att formge listor med CSS. Vertikala som horisontella.

2009-07-20 XHTML och CSS Läs hela inlägget Kommentera

Märk upp dina webbsidor semantiskt

Vad betyder det egentligen att skriva semantiskt korrekt kod? Många tror kanske att det inte spelar någon roll hur koden ser ut i en webbsida, det är ju ändå inte den som läsaren ska se och läsa. Sant till viss del, men vem läser koden då?

W3C, som utvecklar webbstandarderna, har alltid strävat efter att webben ska vara tillgänglig för alla, oavsett vilken utrustning eller eventuella hjälpmedel som används. Här kommer några tips för att skriva bättre (X)HTML.

2009-07-12 XHTML och CSS Läs hela inlägget Kommentera

Negativa marginaler

I CSS är det tillåtet att även använda sig av negativa marginalvärden, d.v.s. ett värde där talet inleds med ett minustecken. Men när är det då befogat eller användbart att tilldela en marginal som är mindre än den förinställda?