How do I get my quote box to wrap around a picture?

  • naomijps

    (@naomijps)


    16 years, 10 months ago

    If you take a look at my blog (http://jpsblog.org/blog/), you’ll see that whenever I have a picture next to a quote, the theme extends the quote box behind the picture.

    Is there some sort of styling edit I can make so that whenever I input a picture, the quote box will automatically shorten itself lengthwise to accommodate the picture? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • kjagen

    (@kjagen)

    16 years, 10 months ago

    same problem her

    http://www.kjagen.com/iron-maiden/tour_reports/belgrade-09-2/

    Thread Starter naomijps

    (@naomijps)

    16 years, 10 months ago

    There must be some sort of css fix for this. Anyone out there?

    kjagen

    (@kjagen)

    16 years, 10 months ago

    I cant have a quote no where near a photo.
    When it first get messed together I have to delete it all and start all over to get it right

    esmi

    (@esmi)

    16 years, 10 months ago

    You can’t make a quote box automatically shorten itself lengthwise to accommodate the picture. How is it supposed to do that? Reduce the text size dynamically? Or reduce the amount of text displayed? On the web, boxes/elements extend to enclose the text within them – including blockquote boxes.

    Since your images are likely to vary in width, the only option is to add inline style to the blockquote element – on a case-by-case basis – using the HTML tab.

    <blockquote style="margin-left:nnpx">

    where nn = the width of your left floated image plus another 20 or so pixels. Use margin-right when placing blockquotes near right floated images.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How do I get my quote box to wrap around a picture?’ is closed to new replies.