mboehler3 Posted June 2, 2011 Share Posted June 2, 2011 Hi all,My page is here: http://surepayrollwidget.com/blog/If you scroll about half way down the page on the right hand side you'll see the "Navigation" box. I want the green arrows to align with the text, right now, the text is aligned slightly underneath the arrow. I tried adding vertical-align:top to the CSS, but it didn't solve the problem. Any ideas? Link to comment Share on other sites More sharing options...
ShadowMage Posted June 2, 2011 Share Posted June 2, 2011 Are the arrows background images or regular image tags? (I can't visit your site right now)Try setting line heights. If you have regular image tags set the line height for the img and the text to the same values. If the images are a background, then set line heights on the container (the element that has the images as its background) and the text. Link to comment Share on other sites More sharing options...
mambabomba Posted June 2, 2011 Share Posted June 2, 2011 I see vertical-align:top in .widget-bg but not on the the img tag itself. Adding it to the img seems to do what you want. Link to comment Share on other sites More sharing options...
mboehler3 Posted June 3, 2011 Author Share Posted June 3, 2011 I see vertical-align:top in .widget-bg but not on the the img tag itself. Adding it to the img seems to do what you want.That is right, thanks for your help. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.