wadewebs Posted January 2, 2012 Share Posted January 2, 2012 Hi, I have a review table on my site and in that table are images. I can't seem to align them in the center both horizontally and vertically. I have looked through the school examples and tried a few things but to no avail. The html text in the table looks like this <a href="http://www.website.com/wp-content/uploads/2011/12/mini.jpg"><img'>http://www.website.com/wp-content/uploads/2011/12/mini.jpg"><img src="http://www.website.com/wp-content/uploads/2011/12/mini.jpg" alt="" title="mini" width="150" height="57" class="align="center" size-full wp-image-45" /></a> Any hep will be appreciated. ThanksGrant Link to comment Share on other sites More sharing options...
Ingolme Posted January 2, 2012 Share Posted January 2, 2012 This part looks like a big mess: class="align="center" size-full wp-image-45" For horizontal aligning, use text-align on the first block parent element. For vertical aligning, set the vertical-align of the table cell that contains the element to "middle" Link to comment Share on other sites More sharing options...
wadewebs Posted January 3, 2012 Author Share Posted January 3, 2012 Will give it a try thanks. Link to comment Share on other sites More sharing options...
Alluring Posted January 3, 2012 Share Posted January 3, 2012 <a href="http://www.website.com/wp-content/uploads/2011/12/mini.jpg"><span style="vertical-align:middle; text-align:center; width:150px; height:57px;"><img src="http://www.website.com/wp-content/uploads/2011/12/mini.jpg" alt="" /></span></a> You may want to get rid of the "WP" and "size-full" as I did in the example above. Hope this helps. -Grahamalluringmedia.net Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.