Textpattern CMS

#1 2006-04-17 15:23:46

djahughes

Member

From: MK | UK

Registered: 2004-12-10

Posts: 19

Website

Image and Text Alignment

Hi,

On my blog delisimo! http://www.delisimo.co.uk/ I have a category and comment slink and the bottom of each post. Alongside these links I have added icon graphics.

At the moment the icons appear to sit higher than the text. Is this just because of the size of the images or is there a way I can vertically align the text in the middle say.

Many thanks

Last edited by djahughes (2006-04-17 15:28:05)

---

David Hughes
davidhughes.org

#2 2006-04-17 15:47:12

kemie

Plugin Author

From: mexico<-->sweden

Registered: 2004-05-20

Posts: 495

Website

Re: Image and Text Alignment

try this:
.meta img{vertical-align:middle;}

---

~~~~~~~~~~~~~| monolinea.com | pixilate.com | istockphoto.com/kemie |~~~~~~~~~~~~~

#3 2006-04-18 09:40:15

djahughes

Member

From: MK | UK

Registered: 2004-12-10

Posts: 19

Website

Re: Image and Text Alignment

Hi,

Thanks – that has helped a little.

Seems to work best in IE but not 100% in Firefox/Safari.

Many thanks

---

David Hughes
davidhughes.org

#4 2006-04-18 10:09:15

whatbrick

Member

From: Texas

Registered: 2006-03-13

Posts: 100

Re: Image and Text Alignment

There are <a href=“http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align”>other values</a> for the vertical-align property you can try. You can even use a negative px or negative em values for a more accurate rendering.

---

Do not taunt the Markup Monkey!

#5 2006-04-18 10:18:13

djahughes

Member

From: MK | UK

Registered: 2004-12-10

Posts: 19

Website

Re: Image and Text Alignment

Thanks

I’ll try those when I get home tonight.

Thanks

---

David Hughes
davidhughes.org