Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

HTML and pictures on one line.

Status
Not open for further replies.
samesale

samesale

Programmer
Sep 15, 2003
133
US
I have written these statements as a part of the HTML program to list all the pictures on the same line. However, the last image falls below the other two. Help.

<font color =&quot;red&quot; size=&quot;4&quot;> </font>
<table border=&quot;0&quot; bgcolor=&quot;white&quot; width=&quot;100%&quot;><tr><td>
<img src=&quot;cc32.gif&quot; width=&quot;100&quot; height=&quot;80&quot; align=&quot;left&quot;/>
<img src=&quot;image005.gif&quot; align =&quot;center&quot; width=&quot;510&quot; height=&quot;60&quot; align=&quot;middle&quot;/><img src=&quot;verisign_s.gif&quot; height=&quot;80&quot; width=&quot;60&quot; align=&quot;right&quot;/><font color=&quot;red&quot;><br>copyright 2003. Now, you can pay.</font> </td> </tr> </table>
 
Sort by date Sort by votes
The combined width of your images is greater than your screen width (or the width you have allowed). You browser will automatically drop the image down if there's not enough room for it.

Hope This Helps!

Ecobb
- I hate computers!
 
Upvote 0 Downvote
There's a couple of things I can think of to try. First, you can put each image in its own <td>. And second, specify the width of the <td> or the table to be wide enough to hold all the images. Also, the 'align' attributes only tells how text should be placed around the image, not where the image will be placed.

Kevin
A+, Network+, MCP
 
Upvote 0 Downvote
So, you mean something like this:

Code: 
<html>
<table border=&quot;0&quot; bgcolor=&quot;white&quot; width=&quot;100%&quot;><tr><td><div align=&quot;center&quot;><img src=&quot;cc32.gif&quot; width=&quot;100&quot; height=&quot;80&quot; alt=&quot;carrot&quot; /><img src=&quot;image005.gif&quot; width=&quot;510&quot; height=&quot;60&quot; alt=&quot;George W. Bush&quot; /><img  src=&quot;verisign_s.gif&quot; height=&quot;80&quot; width=&quot;60&quot; alt=&quot;turnip&quot; /><br /><font color=&quot;red&quot;>copyright 2003.  Now, you can pay.</font></div></td></tr></table>
</html>

Of course, you'll need to put your own ALT tags in there. Mine are just a suggested serving.

Cheers,


[monkey] Edward [monkey]

&quot;Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!&quot; -- inventor of the cat door
 
Upvote 0 Downvote
Thanks a lot. Very good suggestions and they worked. Thanks again.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
211
lmcate
lmcate
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
800
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
665
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top