tables

  • Resolved kmkoop

    (@kmkoop)


    11 years, 3 months ago

    Hello,

    I am creating a table. I have figured out how to create it and how to add a background. I want to place 1 image and some text in the cell. It seems that the table width where the image is placed and the text is typed seems to spread out as I place the text there. There seems to be “space” on the right. As I add an image or text that space seems to expand. Is there a way to keep this from happening??? Here is the page address:

    https://www.sound-offpromotions.com/table-background-experiment-2/

    and here is the html coding:

    <"Original table #1">
<table border="0" cellpadding="16" cellspacing="17" width="282 px" height="240 px" background="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/bluebackground-work-inprog-copy.jpg">

<tr bgcolor="#FFFFFF">
<td>Ed</td>
<td>Tom</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Rick</td>
<td>Larry</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Curly</td>
<td>Moe</td>
</tr>

</table>

</br>
<"Original table #1 plus jpg">
<table border="0" cellpadding="16" cellspacing="17" width="756" height="240" background="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/bluebackground-work-inprog-copy.jpg">

<tr bgcolor="#FFFFFF">
<td><a href="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg"><img src="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg" alt="b & w triangle" width="30" height="27" class="alignleft size-full wp-image-5265" /></a></td>
<td>Tom</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Rick</td>
<td>Larry</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Curly</td>
<td>Moe</td>
</tr>

</table>
</br>
<"Original table #1 plus jpg plus text">
<table border="0" cellpadding="16" cellspacing="17" width="756" height="240" background="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/bluebackground-work-inprog-copy.jpg">

<tr bgcolor="#FFFFFF">
<td><a href="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg"><img src="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg" alt="b & w triangle" width="30" height="27" class="alignleft size-full wp-image-5265" /></a> Blah, blah, blah....Blah</td>
<td>Tom</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Rick</td>
<td>Larry</td>
</tr>

<tr bgcolor="#FFFFFF">
<td>Curly</td>
<td>Moe</td>
</tr>

</table>

    [Moderator Note: Please post code or markup between backticks or use the code button. Or better still – use a pastebin. Your posted code may now have been permanently damaged by the forum’s parser.]

    I always create experimental pages when I am working so I don’t royally screw up other pages.

    Any help would be appreciated! Thank you in advance!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Specify width for td, for example,

    <table border="0" cellpadding="16" cellspacing="17" width="756" height="240" background="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/bluebackground-work-inprog-copy.jpg">
<tr bgcolor="#FFFFFF">
<td width="50%"><a href="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg"><img src="https://www.sound-offpromotions.com/wp-content/uploads/2013/12/b-w-triangle-e1386334727366.jpg" alt="b & w triangle" width="30" height="27" class="alignleft size-full wp-image-5265" /></a> Blah, blah, blah....Blah</td>
<td width="50%">Tom</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="50%">Rick</td>
<td width="50%">Larry</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="50%">Curly</td>
<td width="50%">Moe</td>
</tr>
</table>

    Thread Starter kmkoop

    (@kmkoop)

    Krishna,

    Thank you very much! Usually I can find a solution online but I wasn’t getting anywhere in the searches. Merry Christmas and Happy New Year! Thank You very much!

    Kevin

    You are welcome! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘tables’ is closed to new replies.

Tags