Jump to content

html help needed


Recommended Posts

I am in the process of creating a series of 4 underwater (scuba) caches - 5 star terrain.

 

When cachers have completed all the caches - I would like to reward them with a medal/artwork for their profile.

 

How do I go about writing the necessary html code to do this? I have created the artwork and I know how to display it on the cache page.

 

But how do I give cachers the code for the artwork without the code being quoted causing an image to appear on the cache page?

 

How do I convert the following (which has < and > at the start and end) into a string of text that cahcers can cut and paste into their profile to get the medal onto their profile?

 

img src="http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg" /

Link to comment

Thanks for doing that

 

- but I was wondering how I quote the line of text together with < > attached at both ends - so that other cachers just need to cut and paste the whole thing - but I want to avoid the image appearing again a second time!!!!

 

 <img src="http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg" > 

 

The forums use square brackets "

" (Remove the extra space, after the word 'code' in the brackets)

 

May just be easier to say "Add < to the front and > to the end of this code...

 

It's a rather big image... :blink: Got a smaller version?

Edited by Bear and Ragged
Link to comment

Thanks for doing that

 

- but I was wondering how I quote the line of text together with < > attached at both ends - so that other cachers just need to cut and paste the whole thing - but I want to avoid the image appearing again a second time!!!!

 

[code ] <img src="http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg" > [/code ]

 

The forums use square brackets "

" (Remove the extra space, after the word 'code' in the brackets)

 

May just be easier to say "Add < to the front and > to the end of this code...

 

It's a rather big image... :blink: Got a smaller version?

 

 

Hi - thanks for the square brackets suggestion - but I still have a problem.

 

I end up with a square box with a red cross in it!

 

I type the following

 

[code ]<img src="http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg%E2%80%9D" /> [/code ]

 

and I have removed the gap after the word code in the box.

 

Where am I still going wrong?

Edited by pbowenwalker
Link to comment

:unsure:

 

Try using ( and ) or < > brackets as in HTML...

 

I solved this once for someone in the forums, don't know where the posts gone though!

 

Oh! dear! not much luck I'm afraid.

 

I can see where you are going - using

 whatever sits between is simply cited but not actioned.... that is exactly what I need......

 

Interestingly - when I use [code ] [/code ] on this page - I get a box. When I use it in the cache set-up page I don't!!!!!

Edited by pbowenwalker
Link to comment

I'm not quite sure if this is what you are looking for, but as i understand it you want to put the url for the artwork "out in the open" on the cachepage. (loved the artwork btw!)

If I've misunderstood what you're looking for I'll just blame it on my poor english ;)

 

Maybe something like this might work:

<hr>

To get a copy of this image on your profile, cut and paste this url onto your profile:<br>

http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg<br>

 

Rember to put img src= in front of the url, and brackets < > before and after

<hr>

 

Looks like the url gets shortened when i post here, you will off course have to put the full url on the cachepage

 

Edit: dakboy's way of doing it is way easier :-)

Edited by lefr
Link to comment

Post this on the cache page:

 

<img src="http://img.geocaching.com/cache/0b7195d2-3094-4ecd-8156-208d72426e54.jpg" />

 

When it's displayed by the browser, the angle brackets will appear.

 

Make sure you include height, width, title & alt attributes too.

 

 

Worked a treat

 

< before (substituting for <)

 

/> after (substituting for >)

 

Simple when you know how.

 

Great - thanks very much.

Link to comment

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  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.

Loading...
×
×
  • Create New...