how to get photo-credit text to ignore border?

  • Author
    Posts
  • #25419

    lmighton
    Member

    Hi
    Can anyone help me with how I can get text (photo credit) to go snug up against the bottomleft edge of a pic? I can’t figure out how to tell it not to treat it like – and separate it from – text body.
    Thx
    Lisa

    #25679

    engtech
    Member
    #25683

    lmighton
    Member

    No, I have the pictures in okay, it’s just the text-by-pictures issue. Thx tho

    #25688

    engtech
    Member

    This prolly doesn’t help either then: http://faq.wordpress.com/2006/05/29/how-do-i-get-text-to-go-around-a-picture/

    Correct me if I’m wrong, but you are trying to hang some text underneath the photo and then treat the two things as a single entity and have the rest of the text float around it?

    I think you want to wrap both the IMG and TEXT in a DIV tag. http://www.htmlcodetutorial.com/_DIV_ALIGN.html

    But I’m not entirely sure wordpress.com supports DIV tags in posts.

    #25758

    drmike
    Member

    *chuckle* Cheat. Edit the photo pulling down the bottom of it a bit and adding the text in there directly to the picture.

    #25763

    drmike
    Member

    Had another thought. Why not do it as a table? The picture in the top portion and the text in the bottom.

    #25937

    engtech
    Member

    That’s how I usually end up doing exact image placement — tables.

    #25938

    alunsalt
    Member

    I used the custom CSS to create a class “illus” for images.

    .illus {
    display:block;
    text-align:center;
    width:504px;
    overflow:hidden;
    font-family:verdana;
    font-size:10px;
    margin:4px auto;
    padding:0;
    }

    This gives a centred image with centred credit text. If you changed the text-align to left and put a border attribute in it would allow you have bordered images with the text inside the border flush against the image. float</float> would allow you to move the image to the left or right rather than sit in the centre like you have now rather than site in the centre.

    Alas you cannot inline style. Or at least I can't.

The topic ‘how to get photo-credit text to ignore border?’ is closed to new replies.