WordPress.org

Ready to get started?Download WordPress

Forums

Blockquotes and floats (7 posts)

  1. chuck252
    Member
    Posted 6 years ago #

    Hi,
    I'm trying to figure out how to get my blockquotes to indent correctly when they are next to a float:left.

    Here is an example of what I'm talking about:
    http://www.brunildo.org/test/floatFlow.html
    Notice the yellow float, and the flush blockquote next to it. How do I get the blockquote to behave normally?

    If this is a known bug that I'm just unaware of, please let me know.

    Thanks
    Chuck

  2. Joni
    Member
    Posted 6 years ago #

    Float it right to put it alongside the left floated element. Clear them to drop them below it.

  3. chuck252
    Member
    Posted 6 years ago #

    Thanks for the reply, but that didn't work. I floated the blockquote both left and right. It just ended up at the bottom of my page.

    Still looking.

  4. Joni
    Member
    Posted 6 years ago #

    Left and right floated elements exist on the web everywhere. What about it didn't work? Why don't you give me a real time example, like your own site URL?

  5. chuck252
    Member
    Posted 6 years ago #

    I'm working on a template for a friend of mine. Here is the URL:IDPG

    When I changed the blockquote from

    blockquote
    	{
    	  font-size: 0.85em;
    	  margin: 15px 30px 0 10px;
    	  padding-left: 20px;
    	  border-left: 5px solid #ddd;
    	}

    to...

    blockquote
    	{
    	  float: left; or float:right;
    	  font-size: 0.85em;
    	  margin: 15px 30px 0 10px;
    	  padding-left: 20px;
    	  border-left: 5px solid #ddd;
    	}

    The blocked text just shows up at the very bottom of the page. I used Firefox to view the page.

    Thanks for the help.

  6. chuck252
    Member
    Posted 6 years ago #

    Anyone?

  7. Joni
    Member
    Posted 6 years ago #

    You have to decide either floated left or right or just use a different division for an opposite floated blockquote.

    I'm at work and we just have this craptacular version of IE6. I'll need to wait until I get home to check it out in FF. But I think there are other issues, e.g., the sidebar. So I'll defer any further observation until I can get on your site with "firehawg." :)

    Also correct your typo over the right sidebar. ;)

Topic Closed

This topic has been closed to new replies.

About this Topic