Small Problem with my website

funkyphantom

funkyphantom

funkyphantom

Associate
Joined
4 Oct 2004
Posts
1,277
Hi guys, Im a total newb when it comes to websites, but thought id jump in at the deep end and create a new website for my place of work. I know its far from perfect, but im proud of it, and have put a lot of time and effort into it. Ive obviously used a template to create my first page, and then progressed from there. One thing that is bugging me, and im sure its an easy problem for experts such as yourselves to sort out. Is that the navigation 'pointer' always stays on 'home' How would i go about making it move to the page that is being viewed?
I would also appreciate if someone could possibly give me a bit of C+C and point out any glaringly obvious mistakes. Please go gentle though :) http://www.trenthamparkgolfclub.com/new/index.html

Regards
 
Last edited:
funkyphantom said:
Hi guys, Im a total newb when it comes to websites, but thought id jump in at the deep end and create a new website for my place of work. I know its far from perfect, but im proud of it, and have put a lot of time and effort into it. Ive obviously used a template to create my first page, and then progressed from there. One thing that is bugging me, and im sure its an easy problem for experts such as yourselves to sort out. Is that the navigation 'pointer' always stays on 'home' How would i go about making it move to the page that is being viewed?
I would also appreciate if someone could possibly give me a bit of C+C and point out any glaringly obvious mistakes. Please go gentle though :)
Regards
Click to expand...



I think you forgot to post the URL.
 
Even without seeing the site more than likely the way this will be achieved is with a CSS class that's applied to the link that is the current page being viewed. More than likely something like "current".

By the sounds of things your site is written just in HTML. In which case this may be as simple as updating the link classes on each of your pages. If you going something more advanced, like with php, then you may want to write some code that checks each link and compares it to the current URL, if they are the same then add the requiered class.

Alternatively look at buidling you website with a powerful CMS like WordPress or Joomla that will quickly provide you with the functions required for this kind of functionality, and more, and in turn teach you a lot more about building advanced websites.

Roy
 
I've just coded a very similar web site which uses mouse over. I managed to get mine working by lots of trial and error. I had a brief look but can't see what's wrong. I'd have to have the code here to play with :( - will keep looking

MW
 
In the HTML for the navigation bar, the class 'active' is used to show that little dot.

Code: 
 class="active"

e.g.

Code: 
<a class="active" href="index.html">Home</a>

On different pages, the 'class="active"' code needs to be moved to the correct link.
 
damn you, I just noticed that :(

Code: 
<div class="container"> 
<ul id="navCircle"> 
<li><small><a href="index.html">Home</a></small></li> 
<li><small><a href="history.html">History</a></small></li> 
<li><small><a href="course.html">Course</a></small></li> 
<li><small><a href="proshop.html">Pro Shop</a></small></li> 
<li><small><a href="members.html">Members</a> <a href="visitors.html">Visitors</a></small></li> 
<li><small><a href="links.html">Links</a></small></li> 
<li><small><a href="contact.html">Contact</a></small></li> 
</ul> 
</div>

I didn't realise how easy it was to save someones website :D

MW
 
Last edited:
Wow, im glad I finally plucked up the courage to show my website. Thank you guys! If there's anyhing else obviously wrong could you let me know? As I'm thinking of 'going live' tomorrow. I've checked checked and triple checked, but alays nice to have another opinion.
Thanks
 
Just a general point - but I presume there are a fair few old members of the golf club. I'm talking over 40s here. They'll be more likely to have rubbish eyesight - so might appreciate a larger font.
 
billysielu said:
Just a general point - but I presume there are a fair few old members of the golf club. I'm talking over 40s here. They'll be more likely to have rubbish eyesight - so might appreciate a larger font.
Click to expand...

never thought of that mate. Is it usual practice to change size of fonts on websites for the 'older generation' ? I thought they would change the resolution of their monitor?
 
There's a lot to it - but generally, the size of this font on the OCUK forum is standard. Knowing that your audience could have dodgy eyesight, I don't see a good reason to make the text any smaller than this.

Those with extremely bad eyesight will probably have a workaround of their own - because a lot of web designers don't think of this stuff.

They get frustrated at having to "change text size" etc - because it singles them out.
 
3 things I've noticed, 1. on the course page you don't have the grey edging, 2. on the contacts page it's smaller at the bottom and 3. at the bottom of the members page there's more white space (although seems to be just Chrome). Other than that you've done quite a good job :)

MW
 
people don't tend to change screen resolutions, but font size as pointed out above. I see you've got a wrapper div of 750 (meaning the website doesn't have scrollbars on a screen res of800*600). In this day and age then that screen res is very small and most people use bigger, at least 1024*768. You might want to tie that in with over 40's and eyesight as the website would be more readable if a bit bigger. It's been pointed out that there are a few differences between pages...which can be sorted though. You have a twitter follow button but don't display the twitter feed....why not?

Just a few thoughts....

*edit* just noticed the twitter feed does show....a refresh made it appear...
 
Mr-White said:
3 things I've noticed, 1. on the course page you don't have the grey edging, 2. on the contacts page it's smaller at the bottom and 3. at the bottom of the members page there's more white space (although seems to be just Chrome). Other than that you've done quite a good job :)

MW
Click to expand...

lol, I never noticed the 'grey edging' on the Course page. Thanks for pointing that out. Think I'll leave the chrome problem as i have no idea how to fix that, and as billysielu says all i need is a paragraph of text to fill the Contacts page out. Other than that, and the navigation pointer problem I think its all hunkey dorey. Thanks for your help guys. Much appreciated.
 
Looking good FunkyPhantom.

Your backgorund problem seems to be a conflict with the background set in the body of the css file SpryImageSlideShow.css. Might want to remove that.

I assume by the fact that you've got the navigation working for the History page you've just not got around to doing the others but again, looking good. And I assume this is still work in progress? (http://www.trenthamparkgolfclub.com/new/open_entry.html) It's got a blue background.

One for readability as well is I'd increase the margin on P tags. So that pages like this (http://www.trenthamparkgolfclub.com/new/history.html) look better. Also don't use BR's for paragraph separation like on this page (http://www.trenthamparkgolfclub.com/new/course.html). That's what P tags are for and you should fix the margins so that you don't have to do this.

I'd also make your page headers consistent in both style, usage and HTML code.

Across your 8 top level links each page has a different style of heading. Some don't have one, some are black, some are green, one has an underline (actually this is just an image but it looks like a title with an underline). In addition on your links page you use H2's for two levels of headings
(http://www.trenthamparkgolfclub.com/new/links.html). Ideally you'd want to have "Links" as an H2 then your link titles are H3's.

Also, look at adding meta tags for SEO as well as getting involved with Google Webmaster Tools (https://www.google.com/webmasters/tools/)

All fairly minor points that won't impress your clients but might get you some kudos on a forum of geeks :-)

Roy
 
RoyMi6 thanks for all your advice. Going to your comment about the background conflict, do you mean remove the css file SpryImageSlideShow.css? If you do, wont that have an effect on the slideshow thats showing?
Thanks
 
You must log in or register to reply here.
Back
Top Bottom