BLANKSTEG.COM

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:

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/

Sedan jag gjorde om blanksteg.com så har min föregående blogg legat nere, men efter att ha sett att en del folk faktiskt hittar till den via google så tänkte jag att det vore allt lite fel om de inte hittar det de sökt efter.

Så nu har jag lagt upp min gamla blogg med den nya designen under länkar.

Det kan säkert trilla in en och annan på den här sidan som vill veta hur man skriver ett mellanslag i html, eftersom sidan heter som den gör. Därför tänkte jag att det är ju självklart bättre att förekomma än förekommas. Att koda ett mellanslag kan vara bra om man t.ex. vill ha fler än ett mellanslag i rad. Tänkte även tipsa om andra tecken som kan vara ett tips att lära sig utantill.

• Mellanslag – ” ” –  
• Ochtecken – ”&” – &
• Eurotecken – ”€” – €
• Mindre-än-tecken – ”<” – &lt;
• Mer-än-tecken – ”>” – &gt;
• Citationsmarkering – ””" – &quot;
• Dubbelpil höger – ”»” – &raquo;
• Copyright – ”©” – &copy;
• å, Å – &aring; &Aring;
• ä, Ä – &auml; &Auml;
• ö, Ö – &ouml; &Ouml;

En mer utförlig lista finns här

Arbetet fortsätter för fullt med hemsidan. Hoppas få upp en början till portfolio till helgen och lite mer ordning på annat. Dessutom ska jag försöka få till någon liten förbättring på sidan, så den ser lite bättre ut. Men som det ser ut just nu kan man åtminstone följa mig här i bloggen, och lite mer frekvent på twitter.

Just nu hoppas jag att denna säsongen av Boston Tea Party är lika bra som de tidigare. Det är trots allt ett av de roligare programmen av Filip & Fredrik just nu enligt mig.