help again - image in table problems

  • 2
  • Question
  • Updated 9 years ago
  • Answered
Please help, am quite stumped over something very simple! Am wishing to put a background image into a table, have looked up on Yola how to do and seen this and copied html, but still not showing.
Can you tell me how to put the following image as a background for a table? Whether the table has one cell or perhaps three cells? Also how to centre it in the table?
I have renamed the image title as thisismyimagenamenotrightname just for one here :

src="resources/thisismyimagenamenotrightname/artisan_pic_size_576_x_768_.jpg?timestamp=1267156149835"

Also, can you explain why it adds the timestamp = etc to the end of it?
thanks. JC
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
  • unsure, and feeling quite silly as not doing correctly

Posted 9 years ago

  • 2
Photo of Dré

Dré

  • 201 Posts
  • 15 Reply Likes
Hi Jen,

We are currently looking into it, and will get back to you as soon as we have some helpful feedback. Maybe one of our awesome community members might be able to help you in the interim!
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
do appreciate, as need to know in order to complete pages. Awaiting answer by yourselves or your amazing community members! thks. JC
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Is the background not showing up in IE? I did a horizontal table recently and had trouble with IE Here's what the code looks like:

<table width="4800" height="500" border="5px" bordercolor="#9966cc" background=url("resources/silkbackgrd.jpg") cellpadding="5" cellspacing="1px" valign="top">
<tr style=background-image:url("resources/silkbackgrd.jpg");>

<td width="960"><a name="Love" id="Love"></a> <p><em><strong><span style="color: rgb(128, 128, 128); "><img vspace="2" hspace="2" border="10" bordercolor="#9966cc" align="right" alt="" src="resources/happycouple.jpg"></span><span style="font-size: x-large; "><span style="color: rgb(128, 128, 128); "><br></span></span></strong></em></p><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><i><br></i></b></span></font></p><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><i><br></i></b></span></font></p><p><em><strong><span style="font-size: x-large; "><span style="color: rgb(128, 128, 128); ">Love is patient, love is kind. It does not envy, it does not boast, it is not proud. It is not rude, it is not self-seeking, it is not easily angered, it keeps no record of wrongs. Love does not delight in evil but rejoices with the truth. It always protects, always trusts, always hopes, always perseveres.&nbsp;</span></span></strong></em></p></td>
<td width="960"><a name="story" id="story"></a><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><br></b></span></font></p><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><br></b></span></font></p><p><strong><span style="color: rgb(128, 128, 128); "><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-weight: normal; "><img src="resources/nepal.jpg?timestamp=1264102766731" style="margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; "></span>Megan and Nick met on a mountaintop in Nepal in 2008. Megan fell, literally, into Nick's arms, and it was love at first sight.</span></strong></p>
<p><strong><span style="color: rgb(128, 128, 128); ">He proposed at Christmas 2009 at the top of the Eiffel Tower. Megan did not fall this time but said yes.&nbsp;</span></strong></p></td>
<td width="960"><a name="details" id="details"></a><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><br></b></span></font></p><p><font class="Apple-style-span" color="#808080"><span class="Apple-style-span" style="font-size: x-large;"><b><br></b></span></font></p>
<p><strong><span style="color: rgb(128, 128, 128); "><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-weight: normal; "></span><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-weight: normal; "><img src="resources/StPetersRome.jpg?timestamp=1264103072556" style="margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; "></span>Megan and Nick plan to be married at St. Peter's in Rome, Italy by Pope Benedict XVI. They will be married on June 29, 2010.&nbsp;</span></strong></p><p><font class="Apple-style-span" color="#808080"><b>Their wedding reception will be at the Grand Hotel in Florence, Italy.&nbsp;</b></font></p><p><font class="Apple-style-span" color="#808080"><b><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-weight: normal; ">They are registered at the Dollar Store.<img src="resources/GrandHotelFlorence.jpg?timestamp=1264103210776" style="margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: right; "></span></b></font><br></p></td>
<td width="960"><a name="photos" id="photos"></a>Photos</td>
<td width="960"><a name="directions" id="directions"></a>Directions</td></p>

</tr>
</table>

Notice I had to put the background url in twice to get it to show in IE --with in the table and the tr tag. Not sure about the centering as my background is as big as the cell. Not sure if this is the problem for you. Is it possible to give us the url to take a look?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Diane!
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Diane, using Firefox. So went off and found another one for background image in a table (it must cover the whole table, irrespective how many cells in it), then I can put my text,images whatever into various cells, or keep to one cell (table only has one cell) if I wish,and have the bground image showing through. Here is a link which I still can't get to work properly. Plse can you advise:
http://www.htmlcodetutorial.com/help/...
Also, why do I get that ... ?timestamp=1267156149835 put on end of every image I save??
desperately getting a bit fed up, as should be simple, and am not thinking it out. thks Diane.
JC
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello JenC

It would be great if you could share your URL like Diane suggested. This way we can take a look at what's going on. I'm sure that we'll get this figured out!
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Sanja, well was so fed up with it. Deleted it!!!! So now need to start again. and really all I require is a simple table,ie with one or two lines (do not mind) and 3 columns across, simple greyed lines - then. the background image with the jpg image provided as per above of:
src="resources/thisismyimagenamenotrightname/artisan_pic_size_576_x_768_.jpg?timestamp=1267156149835"
Plse can you assist?? on this now I have deleted previous? thks JC
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi JenC

I'm sorry to hear that this has been so frustrating. Try this code:

<table border="1" bordercolor="#A9A7A7" style="background-image: url(resources/yourimage.jpg)" width="400" cellpadding="3" cellspacing="3">
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>

<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>

* replace yourimage.jpg with your image file name.

As for the timestamp question, I'm not actually sure why this occurs. I will need to ask some people. I'll get to back to you on this but it may take a bit of time.

Please let me know how this goes.
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Hooray !!!!! we are there. thank you so so very much ! Now just the drop down to solve. thank you lots. JC

PS. wld still like to know why all images get that ? and timestamp business? look forward to your reply on that one. Just presume it must be something that Yola coding does automatically, but why I wonder?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yay!! I'm glad that the code worked for you. As for the timestamp, it is something Yola does automatically but as to the reasoning behind it, I'm not sure. I'm sure there is a very good reason for it though :)