Float Widgets Above Post Content

Community Forums Forums Design Tips and Tricks Float Widgets Above Post Content

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  cvillelady 1 year, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23126

    cvillelady
    Participant
    Post count: 17

    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.

    #23129

    media317
    Participant
    Post count: 52

    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

    #23154

    cvillelady
    Participant
    Post count: 17
    This reply has been marked as private.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.