align="absmiddle" or somethig else?

[dollars5]

Hi All,

I hope every one will be using some sort of images for their Pligg sites - Now I tried to validate the pages for XHTML translational only to find that the story summary pages images (discuss, tell a friend and submit link) they all seem to use align="absmiddle" for vertical alignment - but this absmiddle is not a valid value in XHTML - is there any other solution.

I tried align="middle" = this appears in different manner in different browsers - but not centered as I needed.

[dollars5]

This one prevents me from making my site XHTML valid (yes I am 1 step before it)

[Simon]

Oh yeh, I had the same problem. Absmiddle prevented the pages from being xhtml compliant. I actually didn't try another method, as like you said, only absmiddle kept the icons looking "right". The annoying this is that it is recgonised by virtually all browsers, and can be quite useful. It aligns the middle of a line (of text for example) with the middle of an image.

I think the only alternative would be to create a new css class that did something similar, but I haven't attempted it yet.

[dollars5]

surprisingly the same effect applied from CSS makes both CSS and XHTML valid - I think - that is the only viable solution to this situation.

[Simon]

I completely forgot, I did do a css equivalent! I noticed the comments icon had already been done using css, so I just copied it for the rest:

.news-details .bury {background:url(../images/bury.png) no-repeat;padding-left:18px}
.news-details .comments {background:url(../images/comment.png) no-repeat;padding-left:18px}
.news-details .comments2 {background:url(../images/comment_yellow.gif) no-repeat;padding-left:18px}
.news-details .bookmarks {background:url(../images/add.gif) no-repeat;padding-left:18px}
.news-details .save {background:url(../images/save_link.png) no-repeat;padding-left:18px}
.news-details .save2 {background:url(../images/remove_link.png) no-repeat;padding-left:18px}
.news-details .recommend {background:url(../images/email.png) no-repeat;padding-left:18px}

I was wondering why my page was xhtml valid, when I thought it couldn't be.

[dollars5]

Thanks - that seems to be removed in the latest SVN code I guess - will confirm and if not present - will use them.