Suggestions, anyone?

Hi. My site has been online for ten years, and every few years I redo
the code to keep up with standards and improve accessibility and
general user-friendliness.

It's been a while since I've made major changes, but I have done more
the past three months than in the previous three years.

If anyone has the time to check it out and make comments on how to
improve it, I will be grateful. I'd like to have a standards-compliant
redesign of my whole site that uses css for gee whiz and oh wow
reactions when people visit, but I can't afford to hire anyone to do
it.

If anyone has specific code to suggest for the home page or the nav
bars at the top of every page, that will be better, standards-
compliant, and "gee whiz" or "oh wow," I'd be happy to include credits
and kudos to that person (if they want them) on my web site and/or in
the html code. I can use Notepad to edit the html myself.

The Bicycling Guitarist
http://www.TheBicyclingGuitarist.net/

"TheBicyclingGuitarist" <Chris (AT) TheBicyclingGuitarist (DOT) net> wrote

Hi. My site has been online for ten years, and every few years I redo
the code to keep up with standards and improve accessibility and
general user-friendliness.

It's been a while since I've made major changes, but I have done more
the past three months than in the previous three years.

If anyone has the time to check it out and make comments on how to
improve it, I will be grateful. I'd like to have a standards-compliant
redesign of my whole site that uses css for gee whiz and oh wow
reactions when people visit, but I can't afford to hire anyone to do
it.

If anyone has specific code to suggest for the home page or the nav
bars at the top of every page, that will be better, standards-
compliant, and "gee whiz" or "oh wow," I'd be happy to include credits
and kudos to that person (if they want them) on my web site and/or in
the html code. I can use Notepad to edit the html myself.

The Bicycling Guitarist
http://www.TheBicyclingGuitarist.net/

are you going to be riding the bike forever?

TheBicyclingGuitarist wrote:

Hi. My site has been online for ten years, and every few years I redo
the code to keep up with standards and improve accessibility and
general user-friendliness.

It's been a while since I've made major changes, but I have done more
the past three months than in the previous three years.

If anyone has the time to check it out and make comments on how to
improve it, I will be grateful. I'd like to have a standards-compliant
redesign of my whole site that uses css for gee whiz and oh wow
reactions when people visit, but I can't afford to hire anyone to do
it.

If anyone has specific code to suggest for the home page or the nav
bars at the top of every page, that will be better, standards-
compliant, and "gee whiz" or "oh wow," I'd be happy to include credits
and kudos to that person (if they want them) on my web site and/or in
the html code. I can use Notepad to edit the html myself.
Site looks okay.

Why having on the index page a vertical menu and on the other pages a
horizontal menu. Doesn't feel better that you use the same kind of menu
layout.
If you change the class="nav" into id="nav" you can remove the
class="link" for each anchor in the menu e.g.

<div id="nav">
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
</ul>
</div>

#nav {float: left; width: 22%; margin-top: 1em;}
#nav ul {margin-left: 0; padding-left: 0; list-style: none;}
#nav a {
display: block;
width: 90%;
margin: .5em auto .5em auto;
border: .2em outset rgb(200,0,0);
font-weight: bold;
font-family: arial, sans-serif;
text-decoration: none;
color: white; background: rgb(200,0,0);}

#nav a:visited {
border: .2em outset rgb(127,0,127);
background: rgb(127,0,127);}

#nav a:hover {
border: .2em inset rgb(0,0,127);
background: rgb(0,0,127);}

#nav a:active {
border: .2em inset rgb(0,0,127);
background: rgb(0,0,127);}
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Edwin's persoonlijke web site
Explicitly no permission given to Forum4Designers, onlinemarketingtoday,
24help.info, issociate.de and software-help1.org to duplicate this post.

On Jun 16, 8:23 am, Edwin van der Vaart <e... (AT) nospam (DOT) com> wrote:

TheBicyclingGuitarist wrote:
Hi. My site has been online for ten years, and every few years I redo
the code to keep up with standards and improve accessibility and
general user-friendliness.

It's been a while since I've made major changes, but I have done more
the past three months than in the previous three years.

If anyone has the time to check it out and make comments on how to
improve it, I will be grateful. I'd like to have a standards-compliant
redesign of my whole site that uses css for gee whiz and oh wow
reactions when people visit, but I can't afford to hire anyone to do
it.

If anyone has specific code to suggest for the home page or the nav
bars at the top of every page, that will be better, standards-
compliant, and "gee whiz" or "oh wow," I'd be happy to include credits
and kudos to that person (if they want them) on my web site and/or in
the html code. I can use Notepad to edit the html myself.

Site looks okay.

thank you. I've worked a lot on it over the years.

Why having on the index page a vertical menu and on the other pages a
horizontal menu. Doesn't feel better that you use the same kind of menu
layout.
If you change the class="nav" into id="nav" you can remove the
class="link" for each anchor in the menu e.g.

div id="nav"
ul
li><a href="#">link 1</a></li
li><a href="#">link 2</a></li
/ul
/div

#nav {float: left; width: 22%; margin-top: 1em;}
#nav ul {margin-left: 0; padding-left: 0; list-style: none;}
#nav a {
display: block;
width: 90%;
margin: .5em auto .5em auto;
border: .2em outset rgb(200,0,0);
font-weight: bold;
font-family: arial, sans-serif;
text-decoration: none;
color: white; background: rgb(200,0,0);}

#nav a:visited {
border: .2em outset rgb(127,0,127);
background: rgb(127,0,127);}

I will have to investigate how to use "id" instead of "class." You're
laying it out right here in front of me and I'm STILL confused about
<a href="#">. Thanks for the tip though. I'll do some research the
next few days or weeks.

-- The Bicycling Guitarist

TheBicyclingGuitarist wrote:

thank you. I've worked a lot on it over the years.
I know that, because I think I saw the start of the site. ;-)

Perhaps you know me too as semi or picayunish.

[snip some remarks and suggestion]

I will have to investigate how to use "id" instead of "class."
Element identifies: the "id" and "class" attributes.

http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

You're laying it out right here in front of me and I'm STILL confused about
a href="#">. Thanks for the tip though. I'll do some research the
next few days or weeks.
The "#" I use is a wild card. In combination with an anchor you can go

to a certain paragraph or a headline on the page.
E.g. Below the page on http://www.semi-conductor.nl/ I have a link "back
to top". It referred to a headline with an id="top".

I your case change the "#" into an url. Let say <a
href="sitemap.htm">site map</a>.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Edwin's persoonlijke web site
Explicitly no permission given to Forum4Designers, onlinemarketingtoday,
24help.info, issociate.de and software-help1.org to duplicate this post.