De flesta har vid det här laget säkert upptäckt att det inte längre är lika lätt att styla kommentarerna i WordPress. Med den nya och inbyggda trådade funktionen ges möjlighet att kommentera i djupled. ol.commentlist {} har därmed vuxit och blivit enorm! Men hav tröst, jag har listat hela rasket i guiden css-koderna till din kommentarfunktion och det är bara att kopiera listan och sedan börja styla. Framöver så kommer jag att lägga upp förslag på hur man kan styla kommentarerna och vilka koder som berörs.

Det händer då och då att jag hamnar på hemsidor som vill lära ut HTML och XHTML. De flesta har fattat det här med XHTML och/eller webbstandard. Men så finns det andra som bara delvis har förstått. Ett kännetecken för XHTML är att strukturens utseende styrs av presentationen; man använder således alltid css till presentationen och html till att bygga strukturen. För att därutöver få en websajt att kunna implementeras crossbrowser validerar vi den utifrån rätt doctype för att få den att följa en webbstandard. En doctypedefinition underlättar webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad. Det är den allra första informationen som ska ges till varje besökares dator som besöker sidan. Därefter omvandlas denna information så att besökarens webbläsare kan förstå hur sidan är uppbyggd.

XML is a markup language where everything must be marked up correctly, which results in “well-formed” documents.

Läs vidare »

Ett problem med CSS 3 är att W3C CSS Validator med all säkerhet säger att din css är invalid. Fast är den verkligen det? Du skriver in modulerna efter konstens alla regler, kanske läser på W3C:s sida om CSS 3 och följer anvisningarna, skriver rätt syntax och anger rätta värden – ändå blir resultatet invalid!

Vad gör du?
Biter du i det sura äpplet och tar helt sonika bort din CSS 3 eller låter du den vara kvar (med risk för att någon med all säkerhet kommer att påpeka att din site inte validerar)? Det är ju ganska självklart att man inte kan köra modulerna för CSS 3 i samma validator som CSS 2.1. Det skulle vara som att försöka laga en Volvo med Saab:s reservdelar – ändock är det ju fortfarande två bilar, som både drivs och körs på samma sätt, även om uppbyggnaden och utseendet särskiljer sig. Läs vidare »

I CSS 3 – del 2 visade jag hur man kan lägga till skuggeffekter på sin text men det går också alldeles utmärkt att skugga sina boxar med CSS 3 – om man vill förstås.

Egenskaperna för box-shadow anges i attributet längd och färg, precis som för text-skuggan; horisontell(x) – vertikal(y) – blur – färg. När det gäller den horisontella placeringen ger alla positiva värden en skugga till höger om boxen medan negativa värden placerar skuggan till vänster om boxen. Om den vertikala placeringen anges med ett negativa värde så positioneras skuggan ovanför (i toppen) av boxen, medan ett positivt värde däremot positionerar skuggan under boxen. Vill du endast ha en blurrig skugga runt hela boxen anger du värdet 0 både i x som i y koordinaten men ökar värdet i blur till 10px eller mer. Vi ska kika på några exempel. Som du upptäcker lägger vi till egenskapen -moz så att Mozilla Firefox också renderar koderna.

Läs vidare »