Etikettarkiv: CSS

Centrera text på höjden i div oavsett textstorlek

Det finns lite olika varianter för att centrera en divs innehåll på höjden. Ett exempel är att sätta diven till display:table-cell, för att på så sätt kunna använda sig av vertical-align:middle. Men detta fungerar bättre i Firefox än i IE. Har man däremot bara en rad med text som man inte vet storleken på så är lösningen riktigt enkel. Sätt bara line-height:”Samma värde som diven är hög”.

T.ex. om du har en div som är 200px bred och 75px hög och vill centrera en rad med text oavsett storlek kan man enkelt skriva:
width:200px;
height:75px;
text-align:center;
line-height:75px;

Exempel:

Exempeltext

Att skicka mail i HTML från en sida

Stötte på ett problem på jobbet igår när jag skulle låta kunden kunna skicka en sida på sin webbplats som ett mail i HTML.

Det jag inte visste var att webmailklienter som hotmail, yahoo och gmail inte har stöd för stilmallar. För att de inte ska riskera att sidan buggar ur när ett mail läses in så läses inte utomstående stilmallar in. Det man får göra för att vara på den säkraste sidan är att koda den sidan som ska skickas med inline css. M.a.o. lägga till style på alla element.

Desktopmailklienter som outlook m.fl. har lite bättre stöd dock.

Hela listan på de vanligaste klienterna finns här: http://www.campaignmonitor.com/css/