(probably simple) html problem, simple link issue Options

[cluelessAgain]

I am not at all familiar with this stuff and after a couple of days I am at a loss.... I have a site to represent my photo work and am trying to add a group of links to an otherwise obtuse homepage. The site: tinyshocks.com

I've searched the forum with no ability to discern what might be a solution to the links to sections at the bottom of the page not being links but only dead text. By some miracle I've gotten the font right along with the spacing and justification on the page. Working links, no dice.

The code I've cobbled together is (no doubt inelegant in addition to not working):

<div style="text-align:center"><p style="word-spacing: 3em;"><span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/">Information</a></span> <span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/index.php/projects/">Projects</a></span > <span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/index.php/blackwhite/">B&W</a></span> <span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/index.php/color/">Color</a></span > <span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/index.php/portraits/">Portraits</a></span> <span id="enter"<a href="http://www.tinyshocks.com/tinyshocks/index.php/writing/">Writing</a></span></p></div>

This creates the layout on the page I am looking for (except that the links should be higher vertically and closer to the line above, that's my next bridge to burn while crossing, but the links sure don't work. Can anyone here tell me why? Any and all help in this is greatly appreciated. As I said I know nothing about this whatsoever, the code behind a website isn't my world at all. Not even close! Thanks,
J

This post has been edited by cluelessAgain: Jun 8 2017, 05:51 PM

[cluelessAgain]

Right on, just moved the to be linked text up on the page!

[Christian J]

All the SPAN start tags are missing their ">" characters:

CODE

<span id="enter"<a href="...

This is how it should look:

CODE

<span id="enter"><a href="...

A few sidenotes:

- Each ID value on a page must be unique. Use CLASS if you want the same value in several places.

- Inline styles is a bit unpractical, it's better to use a stylesheet (embedded or external).

- Code becomes easier to proof read if you format it.

[cluelessAgain]

Thanks Christian! I will work this in to the site tomorrow, I'm spent tonight. I really do know nothing about this stuff—my paying work is principally in architecture (some photo) and although I am a daily user of computers, it's program use (CAD stuff, Adobe stuff, project management software, etc), definitely not programming, not even easy html programming. I'll read some about formatting code—it looked dramatically different before I pasted it in here. I suppose that I could have reset the font & etc but I didn't even think of it. I am sure that we all take stuff for granted in our fields that others wouldn't even consider. I definately took formatting for granted!

Thanks again, I'll make those changes tomorrow, the site will work, and it will all be due to a stranger online. Cool. If you have any architectural questions....
J

All the SPAN start tags are missing their ">" characters:

CODE

<span id="enter"<a href="...

This is how it should look:

CODE

<span id="enter"><a href="...

A few sidenotes:

- Each ID value on a page must be unique. Use CLASS if you want the same value in several places.

- Inline styles is a bit unpractical, it's better to use a stylesheet (embedded or external).

- Code becomes easier to proof read if you format it.

[cluelessAgain]

Christian,
Worked like a charm and I was even able to make changes to the color of the type. Thanks so much.

I'm trying to wrap my head around your first suggestion about ID values and that is beyond my grasp of writing HTML.

The style sheet thing makes sense and if I were doing the whole site this way I would pursue it but this is the only page like this—all links reference a CSS template usable for clams like me.

Have a good weekend, you made mine. I don't have to keep fighting this!
J

[Christian J]

Thanks so much.

You're welcome!

I'm trying to wrap my head around your first suggestion about ID values and that is beyond my grasp of writing HTML.

There's nothing to it, in the HTML just replace every

CODE

id="enter"

with

CODE

class="enter"

and then in the stylesheet file (ts.css) replace

CODE

#enter{
    font-family: "Courier New", Courier, monospace;
    margin: 20px auto;
}

with

CODE

.enter{
    font-family: "Courier New", Courier, monospace;
    margin: 20px auto;
}

See also http://htmlhelp.com/reference/css/structure.html

That said, it seems the SPANs are just there to style the links, so you could remove them and style the links directly:

CODE

a{
    font-family: "Courier New", Courier, monospace;
    margin: 20px auto;
}