(probably simple) html problem, simple link issue |
(probably simple) html problem, simple link issue |
cluelessAgain |
Jun 8 2017, 05:31 PM
Post
#1
|
Group: Members Posts: 4 Joined: 8-June 17 Member No.: 26,431 |
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 |
Jun 8 2017, 05:35 PM
Post
#2
|
Group: Members Posts: 4 Joined: 8-June 17 Member No.: 26,431 |
Right on, just moved the to be linked text up on the page!
|
Christian J |
Jun 8 2017, 08:59 PM
Post
#3
|
. Group: WDG Moderators Posts: 9,668 Joined: 10-August 06 Member No.: 7 |
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 |
Jun 8 2017, 11:06 PM
Post
#4
|
Group: Members Posts: 4 Joined: 8-June 17 Member No.: 26,431 |
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 |
Jun 9 2017, 12:07 PM
Post
#5
|
Group: Members Posts: 4 Joined: 8-June 17 Member No.: 26,431 |
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 |
Jun 9 2017, 04:01 PM
Post
#6
|
. Group: WDG Moderators Posts: 9,668 Joined: 10-August 06 Member No.: 7 |
Thanks so much. You're welcome! QUOTE 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; } |
Lo-Fi Version | Time is now: 21st May 2024 - 12:48 PM |