Above the post content, I am trying to float four widgets so that two images appear per row. I have a text widget above the 4 images. I’ve tried adjusting the width and height and clearing the floats in various areas. So far I am only able to get them to stack above each other.
Site URL: http://lauralynnstudio.info/sarahh/blog/
Any help that you may be able to provide will be appreciated.
How are you adding the images? Are you using a text widget and coding the image or using a widget?
To make it work, the first and third need to have “float: left;” in the css and the images will align properly. If you use text widgets you could do something like this for the first and third image:
<a class="alignleft" href="http://url-li.com" title="title for link"><img src="http://url-link-to-image.com" alt="image title"></a>
And something like this for the second and fourth image:
<a class="alignright" href="http://url-li.com" title="title for link"><img src="http://url-link-to-image.com" alt="image title"></a>
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.