Format P – Webb- och grafisk design

Innehåll taggat ‘css’

En sidfot som alltid sitter längst ner

Här på Piah.se använder jag en teknik som gör att sidfoten alltid sitter fäst mot nedre kanten av webbläsarfönstret. Även när innehållet inte kräver det så sträcks sidorna ut så att sidfoten alltid ligger där.

Tekniken brukar även benämnas sticky footer och är rätt vanlig just på bloggar där sidorna …

Felsökning och jakten på en lösning

Det är inte alltid saker och ting flyter på lätt när man jobbar med webbdesign. Ibland ägnas timmar åt felsökning och tester när det inte ser ut eller fungerar som planerat. För det mesta löser det sig, och jag får nya erfarenheter och kunskaper att använda i nästa projekt.

Här …

Snygga till dina WordPress-utdrag

För en tid sedan började jag använda ett tillägg/plugin till WordPress som heter The Excerpt Reloaded. Innan saknade jag bl.a. möjligheten att kunna få utdrag ur ett inlägg utan att behöva skriva det separat. Det utdrag som är standard i WordPress blir heller inte särskilt snyggt presenterat.

Med The

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.

XHTML

XHTML-grunden är …

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.

Struktur

Med struktur menas i princip vilka …

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

Sök innehåll