I need some help with my html

[jimmy-walton]

Hi, The following code displays a few pictures on my cache listing.............

 

<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/yh.jpg" />

 

<p>Yellow Hills in winter</p>

<p> </p>

<p> </p></center>

<p align="center">Now part of Witton Country Park. Commonly known

for many years as the yellow hills. The Court of Blackburn Hundred

met on its summit in May 1429 and a plaque now commemorates

this.</p>

<p align="center"> </p>

<p align="center"><br />

<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/DSCN0166.jpg"

width="310" height="232" align="left" /></p>

[/font][/size]

 

I want to add a background with the image found at,,,,,,,,,,,,

 

http://www.lunevalleyda.co.uk/images/gradi...ocahce-site.jpg

 

 

I have used the code for backgrounds found on these forums, but it dose'nt work!!

 

Could some kind soul show me how to do it???

 

The cache page is found here........http://www.geocaching.com/seek/cache_details.aspx?guid=276bdad3-2825-40c0-ad46-bd011b7cec39

 

thanx in advance jimmy-walton

[+StarBrand]

background of the whole listing page or just background of the description area and photos?

[jimmy-walton]

background of the whole listing page or just background of the description area and photos?

background of the description area and photos

Edited February 1, 2009 by jimmy-walton

[+StarBrand]

Enclose your example above with:

 

<table background=http://www.lunevalleyda.co.uk/images/gradi...ocahce-site.jpg border=1>

 

</table>

 

See: This link

[+mtn-man]

That isn't allowed anymore.

 

Clarified... you can do it in a table as Starbrand mentions, but it won't do it throughout the entire area anymore.

Edited February 1, 2009 by mtn-man

[jimmy-walton]

That isn't allowed anymore.

 

Clarified... you can do it in a table as Starbrand mentions, but it won't do it throughout the entire area anymore.

 

I tried to ammend my html as you suggest,but still no joy!! Are backgrounds like this still allowed??

[+Nachtraaf]

What about wrapping all your text in a DIV and use CSS styles for the background. Like this:

 

<div style="background-image: url(http://www.lunevalleyda.co.uk/images/gradient-background-small-for-geocahce-site.jpg);">

...all text comes here...

</div>

 

If required you can add repeat / fixed / overflow /... and all other CSS possibilities you want...

 

Regards,

-W-

Edited February 1, 2009 by weedboer

[+NYPaddleCacher]

I played with a little bit on my machine. You can use a background image but the problem with the one that you specified is that it's not tall enough. Try flipping image vertically (so that the darker blue is at the top) then use the following

 

<div style="background-image: url(http://www.lunevalleyda.co.uk/images/gradient-
background-small-for-geocahce-site.jpg); background-repeat: no-repeat; padding:
10px; width: 580;">

<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/yh.jpg" width=5
80px />

<h3>Yellow Hills in winter</h3>
<p> </p>
<div sytle="align: center; padding: 10px; width: 380px">
Now part of Witton Country Park. Commonly known
for many years as the yellow hills. The Court of Blackburn Hundred
met on its summit in May 1429 and a plaque now commemorates
this.</div>
<center>
<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/DSCN0166.jpg"
width="310" height="232" /></center>
</div>

[jimmy-walton]

I played with a little bit on my machine. You can use a background image but the problem with the one that you specified is that it's not tall enough. Try flipping image vertically (so that the darker blue is at the top) then use the following

 

<div style="background-image: url(http://www.lunevalleyda.co.uk/images/gradient-
background-small-for-geocahce-site.jpg); background-repeat: no-repeat; padding:
10px; width: 580;">

<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/yh.jpg" width=5
80px />

<h3>Yellow Hills in winter</h3>
<p> </p>
<div sytle="align: center; padding: 10px; width: 380px">
Now part of Witton Country Park. Commonly known
for many years as the yellow hills. The Court of Blackburn Hundred
met on its summit in May 1429 and a plaque now commemorates
this.</div>
<center>
<img src="http://www.lunevalleyda.co.uk/images/geocache%20photos/DSCN0166.jpg"
width="310" height="232" /></center>
</div>

Thanks for your reply. I was up till 4 this morning watching superbowl and only just now saw your reply. I will try your suggestions and let youknow how I get on...

[jimmy-walton]

Alas no luck......It seems it aint posible to do what I need.....I have seen cache listings with solid colour backgrounds like this one........

 

http://www.geocaching.com/seek/cache_detai...bf-e7cb02f4a5a6

 

I just can't work out how its done, unless I'm missing something simple and obvious..

 

thanx for your reply

kind regards jimmy-walton

[+StarBrand]

Alas no luck......It seems it aint posible to do what I need.....I have seen cache listings with solid colour backgrounds like this one........

 

http://www.geocaching.com/seek/cache_detai...bf-e7cb02f4a5a6

 

I just can't work out how its done, unless I'm missing something simple and obvious..

 

thanx for your reply

kind regards jimmy-walton

That is done with a table tag - right click on it and view source.

 

<table border="0" width="100%" bgcolor="#99FF66">

<tr><td>

 

Your stuff

 

</td></tr>

</table>

 

Try it again...... I forgot to mention the <tr> and <td> tags above.....

[jimmy-walton]

Just what I wanted..........Many thanx for your help sir..

kind regards jimmy-walton

[+Nachtraaf]

Well, I managed to make your background as a background for my cache page... using the DIV, but without doing any fancy things (just quick quick)...

 

http://www.geocaching.com/seek/cache_detai...db-ac3e4035a234

 

Regards,

Hans