Hello,

I am building a site where it will have several images and need to put a description text right below the image but I can't seem to get the text just right below it. I can only get it there but there is like a line in between and I dont want any spaces between the image and the text. (maybe a little but minimun)

Thanks

Hi

I think you need to post some code, CSS if thats how you've styled your site.

Have your zero'd the padding and margines? - for the images you would zero the bottom, for the text you would zero the top. Doing that should mean the text sits right underneath the image.
You will need to set a seperate class for the text I would imagine you dont want all text to have 0 padding etc.

You might also want to look into "definition lists"
They can work out well for pictures with captions

I thought of that but can you put dl's directly under the picture? I thought they were indented or can that be changed (I don't know if you can)

You put the <img> inside the <dt>, and the text inside the <dd>. Yes, you will have to put some CSS rules for how they display, ie list-style-type:none; and so on.

Once enough users are using a version of IE that supports the table, table-row, and table-cell display properties (say, 2058) there'll be even better ways to do it.

Until then, why not just use tables and iframes? (duck)


tim

The devil strikes again

Must admit I have only read about definition lists and played with them on my machine which is why I wasn't too sure if you could 'un indent' the definition description.

You can control most things with CSS, especially lists. Indenting is nothing but a default behavior that you can cancel out with CSS.

Altering the display of an unordered list or definition list is at the heart of Suckerfish menus, for instance. If you wanted, you could put a background image in each <dd>, define the proportions and force the text to the bottom. I'd say the other way is better, but that's the beauty of CSS's flexibility.

tim

hello guys,

Thanks for the posting, it helps me a lot when in comes to customize my page. Continue share this info to everyone.

I would make one recommendation, Don't use tables anymore, use CSS. CSS makes it more accessible for more users, it is easier to change things in the long run, it is easy to learn, and it is better for web-page voice readers for those who are blind.