how to get photo-credit text to ignore border?
-
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 -
Is this of any help? http://faq.wordpress.com/2006/07/16/how-do-i-link-to-other-pictures/
-
-
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.
-
*chuckle* Cheat. Edit the photo pulling down the bottom of it a bit and adding the text in there directly to the picture.
-
Had another thought. Why not do it as a table? The picture in the top portion and the text in the bottom.
-
-
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.