Site given 100% overhaul

[Glassback]

Seems like I've been at this for ages - and I have, but not constantly.

Glassback.com

I've completely redesigned my site, added a few new tracks and remastered several other tunes, and replaced most of the 128Kbps mp3's with 192Kbps ones for improved quality.

I'd really appreciate any constructive comments regarding layout, navigation, colour scheme etc etc.

One thing though - the text links are supposed to turn to green and underlined when rolled-over, then red when clicked, and visited links turn back to the original link colour.
But - the green rollover state only seems to work on the external links; vurts site and the mailto. The internal links to other pages and mp3's don't behave in the same manner at all. In fact they don't change at all, other than turning red when clicked.
Does anybody have any idea why this is and how I might resolve it?

Thanks for your time.

[Glassback]

hmmm, upon further investigation, it's only some of the text links that aren't behaving as they should... that's just weird.

[tetraplan]

One thing though - the text links are supposed to turn to green and underlined when rolled-over, then red when clicked, and visited links turn back to the original link colour.
But - the green rollover state only seems to work on the external links; vurts site and the mailto. The internal links to other pages and mp3's don't behave in the same manner at all. In fact they don't change at all, other than turning red when clicked.

Rollovers seem to behave OK over here.
Opera 7.50.

Groet, Erik

[Glassback]

Thanks man. Opera works OK then.
Mozilla sees most of them OK, but when testing it through IE, only the mailto states on the index page seem to work properly.

The nav images on the right hand side work ok, it's just the text links...

[Har]

Works fine in Firefox, but I see what you mean in IE....visited links stay red (until you click elsewhere on the page) and lose the hover effect for the underlining.

Your CSS code looks fine, but just as an experiment, try this: change your a:link class definition to just a...I've occasionally seen this thing happen before, and this has been known to take care of it.

So in other words, change this:

Code: Select all

a:link {
	color: #99CCFF;
	text-decoration: none;
}

....to this:

Code: Select all

a {
	color: #99CCFF;
	text-decoration: none;
}

Let me know if that helps at all...

[Glassback]

Thanks Har.

I've implemented that change on all pages, but no difference I'm afraid.

IE doesn't show the roll-over state at all still and it seems that Mozilla shows them only if you've not already visited any particular link. Once a link's been visited, it loses it's roll-over state. This isn't attributable to the change in code; I'd already begun to notice this pattern before... (Couldn't find an appropriate 'hair-pulling-out' emoticon... )

[Har]

Hmmmm....odd.

I'm going to try recreating two pages on my server using your same CSS code and do some tweaking....I'll let you know what I find.

[Har]

Got it...for some reason, it's the a:visited class declaration: remove it, and the problem goes away.

To see what I mean, go to:

http://www.ambientguitarist.com/glassback/

Click the first link, "Solo Projects", which takes you to a quick arbitrary page 2. Then click the "Go back to page 1" link...you'll notice the hover effect returns (in both IE and Firefox), and the original "a" link color remains as well, even though it's been visited (which kind of negates your need for a visited class declaration in the first place, since you wanted it to return to your original link color. ).

[Har]

Also, something else that'll make your life a little easier: instead of having each page have its own CSS STYLE code...try having all the pages point to a single globally accessable CSS style library file.
That way, you only have to make changes in one single place, instead of going across all of your pages each time you need to make a change.

To do this, put everything that you have between your STYLE tags into a single file with a .CSS extension, like "glassbackGLOBAL.css".

Then, up between your HEAD tags on each page, put a line like this...which points to the CSS file containing all the goodies:

Code: Select all

<link rel="stylesheet" type="text/css" href="glassbackGLOBAL.css">

(which assumes you have everything in a single directory on the server...if not, change the path in "HREF" attribute accordingly)

[Glassback]

YESSS!!!!

Thanks Har - that's fixed all link states in both browsers.

And a global CSS would be a smart idea, too.

[Glassback]

b-b-b-b-b-buuuummmppppp

cos I really wanna know what you think...

[putte]

holla glasser

good site, and easy to navigate through it. I also like the colors .. very nice to the eyes.
The only thing, optically, i dont like that much is how the menu to the right looks like. Not bad, but not super either to me.

WAHHH!!! the pic!! I never saw this one before .. ..

ja .. beside the look of the menu it gets top-marks .. jaha!

cheers glasso
putto

[vurt]

bugger

can you change all the links in your site to mine to the one in my sig link please im just in the process of moving and as you can see if you click the ones in your site it is blank

[CypherOne]

Hey Mick, the site looks really good. Do you still want me to write a biog thing? I might want to sort me own tracks out, perhaps remove one and replace with another and maybe a bit of remastering...

[Glassback]

Thanks Putte
OK so a redesign of the menu.
I'll get to it.

I've also decided I'm not too keen on the animated logo at the top of every page... I think the design sort of left it behind and now it doesn't fit so well.

But all this is easier to do now that I've broke the back of it and got it up at last.