CSS Float moved up inside loop

  • I want to put a container with a list of links from within the post up INTO the Loop area, specifically the content area. Because the Loop template tag that generates the content is the_content() I put the tag to generate the container with the list of links below it, but still in the parent container of the content tag.

    Using CSS, I want to move the container UP so that when the page is generated, the container of links is floated to the right INTO the lower part of the content.

    I’ve tried position:absolute, position:relative, bottom:-200px, top:500px, and different variations. Oh, I can move the container around, but it doesn’t “float”. In other words, the content goes right over the top of it.

    So how do I move a container up into the generated post content and make it float within the content?

Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter Lorelle

    (@lorelle)

    Anyone ever come up with a good CSS solution for this?

    I have been been really confused by this thread since it got started. By default if anything floats it leaves a gap behind it. If what follows next is less than the width of that gap it will float right up in there. Personally I always float both elements. It shouldnt be a big deal but we may have not understood the question correctly.

    Hi Lorelle

    I downloaded the source from your index.php changed it in a html file and i also downloaded the css.file
    As far as I understand for the moment you want the menus downbelow the content above the content.
    Your CSS file I already started to change because for now it is unreadable.
    In the coming week I see what i can do but i do not promise anything if ready I will send you a message.

    If i can not find a solution I also let you know.

    If I understand you wrong let me know something.

    Thread Starter Lorelle

    (@lorelle)

    Dolmarit: I appreciate this, but what you grabbed off my site doesn’t even closely resemble anything that was on the site when this post started over a month ago. You can skip messing with my stuff and create a test file from any core Theme.

    Basically, the container had a plugin tag in it and must run outside of the link. It pulled links from within the post and displayed them. I didn’t like the way the plugin worked, so I abandoned it, but it might work better in the future, so the idea is still good.

    If you look at this article on my site you will see boxes within the content. These are styled within the content and show up where they are.

    I want to put this container at the bottom of the loop but force it to move up into the text of the post like these other boxes.

    I’ve tried Root’s ideas and the others, but they don’t work. I’ve tried positioning absolute, and it won’t work; float will but I can’t get the “up” and “right” figured out with the wrap. This seems like an easy CSS thing, after all, we can get the sidebar and other parts to be positioned where we want them, why can’t I get this container to move up into the content and have it wrap? And I KNOW what I’m doing, I just am missing some part of the puzzle.

    Thanks for taking this on. My brain is fried on it. I was even thinking about asking the folks at positioniseverything.net but I hadn’t gotten that far when I restumbled on this post again.

    Hi Lorelle

    Ok thanks for the quick response.
    Problem is clear now.

    I suggest you should work this out with php.
    Which forces the box inside the text and then a little bit CSS should do the rest.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘CSS Float moved up inside loop’ is closed to new replies.

Tags