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.

Tid 2010-04-13 Kategori XHTML och CSS Läs hela Läs hela inlägget Kommentera 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.

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

Formulering av väljare i CSS

CSS-mallI 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.

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

Skapa skuggade block med CSS

skuggboxMed 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.

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

Formge länkar i vågrät meny

CSS-mallKanske 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.

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

Tolka felmeddelanden vid validering

w3c2De 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.

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

Mouseovers med CSS

Lodrät rollover-navigeringMouseovers, 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.

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

Vad du kan göra med listor i CSS

listaListor, 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.

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

Märk upp dina webbsidor semantiskt

TextVad 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.

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

Negativa marginaler

negative_margins_1I 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?

Här går jag igenom ett par exempel när detta faktiskt kan vara en lösning.

Tid 2009-06-29 Kategori XHTML och CSS Läs hela Läs hela inlägget Kommentera Kommentera