Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Multiple image-label display

Reply
Thread Tools

Multiple image-label display

 
 
None
Guest
Posts: n/a
 
      06-12-2007
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>


 
Reply With Quote
 
 
 
 
Jonathan N. Little
Guest
Posts: n/a
 
      06-12-2007
None wrote:
> Hello,


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

http://www.dnsstuff.com/tools/whois.ch?%26ip%3Dnone.com
WHOIS - none.com

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

http://www.google.com/search?hl=en&q...=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>




--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
 
None
Guest
Posts: n/a
 
      06-12-2007
Jonathan N. Little wrote:

>
> 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!

 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-12-2007
In article <f4mvf3$lh3$(E-Mail Removed)>, None <(E-Mail Removed)> wrote:

> Jonathan N. Little wrote:
>
> >
> > 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!


Try:

http://tinyurl.com/29suol

--
dorayme
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-12-2007
In article <f4mvf3$lh3$(E-Mail Removed)>, None <(E-Mail Removed)> wrote:

> 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
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-12-2007
In article
<(E-Mail Removed)>,
dorayme <(E-Mail Removed)> wrote:

> In article <f4mvf3$lh3$(E-Mail Removed)>, None <(E-Mail Removed)> wrote:
>
> > 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?


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...

--
dorayme
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      06-13-2007
None wrote:

> 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?

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Display byte array back to pdf and display in IE SG Java 6 01-15-2008 01:02 PM
choosing to display or not to display a checkbox in repeater control. Imran Aziz ASP .Net 4 08-11-2005 05:00 PM
multiple validators on textfield w/display=dynamic don't display correctly cp ASP .Net Web Controls 3 12-24-2004 03:24 PM
Double double display display problem problem Tom Accuosti Firefox 3 09-27-2004 10:02 PM
Display and display model Marc Twain Java 1 01-13-2004 07:05 PM



Advertisments