• Resolved uscommonsense

    (@uscommonsense)


    I am looking for some help. I know how to display a picture in a blog post, but what I’d like to do is display a picture and then add text under it (and possibly include a hyperlink or two with that text). Is there a way to do that which won’t distort the way the blog article wraps around the picture/text combo? Here is a sample that I’m talking about:

    https://uscommonsense.net/images/BlogPictures/Sample.bmp

    If you have any suggestions, please let me know. I’m not sure if this will require a Plug-in or not.

Viewing 10 replies - 1 through 10 (of 10 total)
  • thats just text wrapping, and is done using CSS.

    this is a good read..

    https://codex.www.ads-software.com/Wrapping_Text_Around_Images

    Thread Starter uscommonsense

    (@uscommonsense)

    I’m sorry, I guess I wasn’t clear. I know how to wrap text. What I am wanting to do is to place a text caption under a picture, and then have the regular blog article text wrap around both of those items, as in the example I posted.

    Maybe, but whooami was very clear. The answer for your question is in the article she linked to.

    Thread Starter uscommonsense

    (@uscommonsense)

    You know, you are right. I didn’t see it all the way down the page. I’m sorry. Thanks for the information.

    it was luck that thats on there ??

    Thread Starter uscommonsense

    (@uscommonsense)

    hahaha… well, sometimes it is better to be lucky rather than good. At least my brother claims that when we go golfing. ?? Thanks again.

    Thread Starter uscommonsense

    (@uscommonsense)

    Hmmm… I must not be doing something right. Here is the article I am working on: https://uscommonsense.net/blog/2007/09/21/giuliani-i-support-right-to-bear-arms/

    As you can see, the image is above the article, and the caption is positioned to the right of the image. Additionally, the background stretches across the width of the article (at least, as of the moment I am typing this). Any additional recommendations?

    Thread Starter uscommonsense

    (@uscommonsense)

    I fixed the position of the image, but the caption and background still aren’t in the right locations.

    here.. Ill show you what I do ??

    take a look at this post:

    https://www.village-idiot.org/archives/2006/07/17/the-new-neighbors-suck/

    the source for the image and the text caption is as follows:

    div class="thing caption" style="width: 318px;">
    <img src='/media/nest.jpg' alt='wasp nest' title="wasp nest inside Coco's window" width="318" height="215"/><br />
    The wasps have built a nest in the upper corner of Coco's window, and unfortunately, killing them doesnt seem to be doing the trick — more keep coming. </div>

    Notice the text and the image are in their own <div>

    then I use the following CSS:

    .thing { float: right } <– that just floats the whole div, could just as easily be left

    and:

    .caption {
           margin: 10px 10px 10px 20px;
           padding: 5px;
           border: solid 1px #999;
           background: #fff;
           font-size:82%;
           color: #333 }
    Thread Starter uscommonsense

    (@uscommonsense)

    Hey, it worked! Thanks. You’re a god-send. ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Plug-in for Picture/Text’ is closed to new replies.