Skip to content

Kategori: CSS

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. Hur gör man då? Jo lägger man till ett enkelt värde i stilmallen behöver man inte tänka så mycket mer på html-koden mer än att ta bort border=”0″. Koden under ser till att ta bort alla fula ramar som annars brukar synas runt bilderna.

Dela stilmallen

En stilmall hos nybörjaren brukar inte vara så stor, men vart efter kunskaperna växer finns det en fara för att den utökas till att bli ofantligt stor, och lång, ibland nära en meters skrollande. Ur en designers perspektiv är detta inte bara arbetsamt, det är också förkastligt. Många skyller också på webbläsarna för att sidan inte beter sig som den ska – trots valideringens alla konster. Varför är det så och det viktigaste – kan man göra något åt det? Professionella webdesigners vet att hantera stilmallen för bästa optimering och resultat. Vi ska här gå igenom hur Du kan underlätta både för dig själv som för webbläsarna.

Shorthand declaration groups

Använder man sig av stilmallar kan det bli många märkningar i denna. En del av dessa märkningar är onödiga och stjäl bara plats. Istället ska vi nu optimera vår stylesheet. I och med detta blir den också mer snabbladdad och sidan visas fortare. Ett annat ord för detta är de så kallade short hand declaration groups. Vi kan göra detta på två vis.

Conditional comments istället för IE-hacks

Ett bra sätt att komma ifrån alla IE hack är att använda conditional comments. Vill du dessutom ha IE-specifika attribut på din sida som olika filter och färgad skroll-list ska du absolut använda detta. Med andra ord görs det en möjlighet att skapa en sida som både IE och t ex Firefox kan ha glädje av eftersom man anpassar sin sida så att även IE ska kunna tolka koderna korrekt. Conditional comments kallar på en specifik fil som i detta fall är ägnad åt IE genom att den döljer de css-värden som är ogiltiga för andra webbläsare.