Float Widgets Above Post Content

[cvillelady]

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.

[media317]

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>


---

Alan Smith
Media317

[cvillelady]

This reply has been marked as private.

[Author]

Posts