ThemeShaper Forums » Power Blog

[closed]

positioning first-leader widget area left of containing div

(2 posts)
  • Started 8 years ago by davepwsmith
  • Latest reply from EricH
  1. On http://www.smithblog.co.uk, I want to put an image with the text 'My Photos', or something like it, to the left of the leader-container div, which contains a filmstrip from my flickr.

    I was hoping to achieve this using relative positioning for the first widget area, like so:

    #leader #first-leader {
    position:relative;
    left:-100px;
    float:left;
    width:50px;
    }

    #leader #second-leader {
    width: auto;
    margin:0px;
    padding-top:10px;
    }

    However, because the #leader-container div is set to

    overflow:hidden;

    this widget area doesn't display, and changing it to visible bodges up the layout for reasons I don't really understand!

    Any tips on how to best achieve this effect?

    Posted 8 years ago #
  2. You could get rid of the overflow and set a height. Not a great idea in most areas of a website, but because the images will always be the same height it's probably Ok. I would think a better idea would be to have the text above the photos with a line extending the width of the photos, or a line that mimics the line below the widget area going through the middle of the text.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.