# ?

[Dale]

Hi!

I want to have links above each image on this page

https://www.dalekelly.org/degree.html

I want to be able to link to each image one at a time from this page

https://www.dalekelly.org/resume.html

I have seen # used for this purpose, like on Wikipedia

I am currently linking directly to single images like this

https://www.dalekelly.org/metaphysicsdegree.jpg

With the same word "Degree" to click on in

https://www.dalekelly.org/resume.html


How can I use # for this?

test.html#goal doesn't seem to work

Can't get a page saved from Microsoft "Note Pad" without adding an
extension, default shows up with *.txt

so test#goal can't be coded



--
Mystery? -> https://www.dalekelly.org/

[Ben]

Dale <da...@dalekelly.org> writes:

I'm not sure this is topical in comp.infosystems.www.authoring.stylesheets.

> Hi!
>
> I want to have links above each image on this page
>
> https://www.dalekelly.org/degree.html

I don't follow. I /think/ you mean you want some people refer to as
anchors -- targets that can be referenced using a fragment identifier.

> I want to be able to link to each image one at a time from this page
>
> https://www.dalekelly.org/resume.html

Put a unique id attribute on each img element in the degree.html
document like this:

<img id=metaphysicsdegree
src="https://www.dalekelly.org/metaphysicsdegree.jpg">

> I have seen # used for this purpose, like on Wikipedia
>
> I am currently linking directly to single images like this
>
> https://www.dalekelly.org/metaphysicsdegree.jpg
>
> With the same word "Degree" to click on in
>
> https://www.dalekelly.org/resume.html
>
>
> How can I use # for this?
>
> test.html#goal doesn't seem to work

That's not very helpful. If you have the id as above you can link to it
using

<a href="https://www.dalekelly.org/degree.html#metaphysicsdegree>degree</a>

in https://www.dalekelly.org/resume.html. (You can use shorter URLs but
I'm copying the style you seem to prefer.)

> Can't get a page saved from Microsoft "Note Pad" without adding an
> extension, default shows up with *.txt
>
> so test#goal can't be coded

This confuses me. Are you trying to make a file that includes the
fragment ID as part of the name? That's not right.

--
Ben.

[Dale]

You got it going !!!! Thank You !!!!

I'll see what happens after I upload to my host tomorrow morning.

> This confuses me. Are you trying to make a file that includes the
> fragment ID as part of the name? That's not right.
>

I may have been trying that ...

[Dale]

WORKS!!!!

>
>> This confuses me.  Are you trying to make a file that includes the
>> fragment ID as part of the name?  That's not right.
>>
>
> I may have been trying that ...
>

How can I work around something like this?

https://en.wikipedia.org/wiki/Copenhagen_interpretation#Background

[Philip Herlihy]

In article <t3q0e4$2qa$1...@dont-email.me>, Dale wrote...

https://www.amazon.com/HTML-easy-steps-Mike-McGrath/dp/1840788763/
https://www.amazon.com/CSS-easy-steps-Mike-McGrath/dp/1840788755/

--

Phil, London

[Arno Welzel]

Dale:

> I want to have links above each image on this page
>
> https://www.dalekelly.org/degree.html

What do you mean with "link above each image"?

Just add them like this:

<p>
<a href="somewhere">This is a link</a><br>
<img src="myimage" alt="my image" />
</p>

Or what do you mean?

> I want to be able to link to each image one at a time from this page
>
> https://www.dalekelly.org/resume.html
>
> I have seen # used for this purpose, like on Wikipedia

This called an "id":

<img id="image1" src="myimage" alt="my image" />

Then you can use this to link to it:

<a href="mypage.html#image1">Link to image 1</a>

Each ID must be unique on the page. So if you have multiple images, you
may name them "image1", "image2", "image3" and so on.

The IDs must also follow certain rules - if you just use letters and
numbers and always start with a letter, this is fine.

Also see:

<https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id>

> test.html#goal doesn't seem to work

If would, if there would be an image like this:

<img id="goal" ... />


--
Arno Welzel
https://arnowelzel.de