Jump to content

Image in table to the bottom


Guest SwordKing

Recommended Posts

Guest SwordKing
Hey dudes.

I got one simple question, but didn't even know the answer.

There is a table, like

[!--quoteo--][div class=\'quotetop\']QUOTE[/div][div class=\'quotemain\'][!--quotec--]<table height="100" width="100">
<tr>
<td>[Image here]</td>
</tr>
</table>
[/quote]

And e.g. a smilie.

I want that image at the bottom of the table without using commands, like <p> or <br> !

[img src=\"http://swordking.gfx-networks.de/image1.jpg\" border=\"0\" alt=\"IPB Image\" /]

Please help me.

- Roland
Link to comment
Share on other sites

Guest SwordKing
[!--quoteo(post=382199:date=Jun 10 2006, 01:55 PM:name=AndyB)--][div class=\'quotetop\']QUOTE(AndyB @ Jun 10 2006, 01:55 PM) [snapback]382199[/snapback][/div][div class=\'quotemain\'][!--quotec--]
<td [b]valign="bottom"[/b] ....>
[/quote]

<td valign="bottom" >

doesn't work !

I tried at before I opened the topic. I can give you the full code :

[!--quoteo--][div class=\'quotetop\']QUOTE[/div][div class=\'quotemain\'][!--quotec--]
<table cellspacing="0" cellpadding="0"><tr><td valign="bottom"><img src="images/footer.jpg"></td></tr></table>[/quote]
Link to comment
Share on other sites

Works for me with Firefox.
[code]<table border=1>
<tr>
<td valign="bottom"><img src="test_image.jpg" width="140" height="140" alt="" border="0"></td>
<td><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></td>
</tr>
</table>[/code]
Link to comment
Share on other sites

[!--quoteo(post=382204:date=Jun 10 2006, 07:10 AM:name=SwordKing)--][div class=\'quotetop\']QUOTE(SwordKing @ Jun 10 2006, 07:10 AM) [snapback]382204[/snapback][/div][div class=\'quotemain\'][!--quotec--]
<td valign="bottom" >

doesn't work !

I tried at before I opened the topic. I can give you the full code :
[code]
<table cellspacing="0" cellpadding="0"><tr><td valign="bottom"><img src="images/footer.jpg"></td></tr></table>
[/code]
[/quote]
your code does work. but since there is no height defined in the table tag, and all you have is an image inside your td tags, it won't *look* like it's aligned at the bottom, because it embodies the entire space of the td. you need to add a height=xx inside your table tags.
Link to comment
Share on other sites

  • 1 month later...
Guest SwordKing
Finally I added [b]padding-top: 5px;[/b] and [b]padding-bottom: 5px;[/b] in my Stylesheet and it works perfectly :)

Thank you for your ideas anyway !
Link to comment
Share on other sites

[quote author=SwordKing link=topic=95508.msg402954#msg402954 date=1153790409]Thank you for your ideas anyway !
[/quote]

sigh!  Our ideas did exactly what you asked for. I don't see how padding made the image align exactly at the bottom. whatever
Link to comment
Share on other sites

Guest SwordKing
Sorry. You are right, Andy. I found a solution for a different question, that I wanted to post. Crayon Violent gave the correct answer to me.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.