Multiple image-label display

[None]

Hello,

I have a table where in one column, we display an image and its label.
This works out fine.

However, when there are two or more images to display, we would like the
display to break
after each image-label pair so that they appear on top of each other.
We currently use
<br> tag to do this, but then images have spaces between them. If we
don't use <br> tags,
then the images display on the same line which is not what we want.

Is there a way to eliminate spaces above/below each image-label pairs?
I would like to do this
via CSS if possible.

Thanks in advance!


====================================================
<table>
<tr> <td> Test>
<td> <img ...> This is image 1
<br/>
<img ...> This is image 2
<br/>
</td>
</tr>
</table>

 

[Jonathan N. Little]

Hello,

Hello none. Are you associated with the domain none.com?

http://www.dnsstuff.com/tools/whois.ch?&ip=none.com
WHOIS - none.com

If not your should *really* learn how to properly munge your email!

http://www.google.com/search?hl=en&q=properly+munge+email&btnG=Google+Search
properly munge email - Google Search

I have a table where in one column, we display an image and its label.
This works out fine.

However, when there are two or more images to display, we would like the
display to break
after each image-label pair so that they appear on top of each other. We
currently use
<br> tag to do this, but then images have spaces between them. If we
don't use <br> tags,
then the images display on the same line which is not what we want.

Is there a way to eliminate spaces above/below each image-label pairs? I
would like to do this
via CSS if possible.

Thanks in advance!


====================================================
<table>
<tr> <td> Test>
<td> <img ...> This is image 1
<br/>
<img ...> This is image 2
<br/>
</td>
</tr>
</table>

Yes, dump the table use DIVs and style accordingly

div.pixbox { margin: 0; padding: 0; }


<div class="pixbox">
<img src="somePix.jpg" alt="1st Pix">
First one
</div>

<div class="pixbox">
<img src="anotherPix.jpg" alt="2nd Pix">
Second one
</div>

 

[None]

Yes, dump the table use DIVs and style accordingly

div.pixbox { margin: 0; padding: 0; }


<div class="pixbox">
<img src="somePix.jpg" alt="1st Pix">
First one
</div>

<div class="pixbox">
<img src="anotherPix.jpg" alt="2nd Pix">
Second one
</div>

Hello Jonathan,

Thank you for your feedback on munging. I am reading up on it and I
will change it by my next post.

I tried this <div> style you proposed. I still see the images are
separated by white space. Is there
a way to completely remove the white space between images so they are
flush together?

Thanks a bunch!

 

[dorayme]

Hello Jonathan,

Thank you for your feedback on munging. I am reading up on it and I
will change it by my next post.

I tried this <div> style you proposed. I still see the images are
separated by white space. Is there
a way to completely remove the white space between images so they are
flush together?

Thanks a bunch!

Try:

http://tinyurl.com/29suol

 

[dorayme]

Jonathan N. Little wrote:


Hello Jonathan,

Thank you for your feedback on munging. I am reading up on it and I
will change it by my next post.

I tried this <div> style you proposed. I still see the images are
separated by white space. Is there
a way to completely remove the white space between images so they are
flush together?

And for another idea that may be less bizarre than my last (which
will cause trouble overall but intended really to highlight the
problem, if you are just having pics in your div boxes:

http://tinyurl.com/3ajqj5

 

[dorayme]

Better add: the trouble you are having is due to the provision in
inline for the descenders of letters. If it was just the pics,
and if browsers could not be set for minimum fonts, font-size
very very small, even zero might help you and still use <br>. I
am off like a rabbit now before the shotguns boom...

 

[Jonathan N. Little]

I tried this <div> style you proposed. I still see the images are
separated by white space. Is there
a way to completely remove the white space between images so they are
flush together?

Depends, how about a URL so I can see what you are trying and then offer
a possible solution. Far better than having me try to divine what you
are doing, eh?