Click to See Complete Forum and Search --> : Converting my nav. menu to CSS


jmilin5931
06-22-2006, 08:53 PM
Hey guys, I'm in the process of converting the navigation menu on my portfolio site to CSS. This is the test page I made for it:

http://www.digitalstudentportfolio....io_css_test.htm

you can compare that to my origional:

http://www.digitalstudentportfolio....k/portfolio.htm

The CSS menu is obviously not done yet. It took me 2 hours to get it where it's at now, so go easy on me. I have a few very simple things left to do with it that I can't even seem to figure out:

1. If I am on the page, "portfolio", then I want "portfolio" in the main menu
to remain the color orange. So whatever page you are on, that link in the
menu is highlighted, and no longer an active link. Is this feasible?

2. I want the "yourgraphicdesigner.com" link not to be a rollover. I just want
it to stay grey. I still want it to be a link though, just not a rollover.

Like I said I'm still learning the basics of CSS, so go easy, I'm not a pro obviously. Thanks for any help you can give. I'm going to keep playing with it.
__________________

ray326
06-22-2006, 09:09 PM
Busted links.

The concept you're looking for hinges on giving the body of each page a unique ID and styling accordingly. I believe Fang has some examples of that in discussions here.

jmilin5931
06-22-2006, 09:37 PM
Fixed link... I dont know why It did that. I tested the link and it worked fine before, but then it automatically puts "....." in the middle of the site address when I post here. Thats the second time that happened to me. Anyway heres the link, hopefully it dosent insert periods in it agian...

http://www.digitalstudentportfolio.com/jmilinichik/portfolio_css_test.htm

www.digitalstudentportfolio.com/jmilinichik/portfolio_css_test.htm

jmilin5931
06-22-2006, 09:41 PM
http://www.digitalstudentportfolio....io_css_test.htm


Why the hell does it show my link like that after I type out the whole thing then post it??? That pisses me off. The link is going to end up going in the browser like that then...

www .digital student portfolio .com/ jmilinichik /portfolio_css_ test.htm

The above is the real address (with no spaces) in case the link breaks again.

ray326
06-25-2006, 11:07 PM
I don't know why it happened in your original but the anchor href should be correct regardless of the text. It could be a bug in the editor when you edit a post where you've used auto link generation.

WebJoel
06-26-2006, 07:08 AM
Why the hell does it show my link like that after I type out the whole thing then post it??? That pisses me off. The link is going to end up going in the browser like that then...

www .digital student portfolio .com/ jmilinichik /portfolio_css_ test.htm

The above is the real address (with no spaces) in case the link breaks again.

If the address URL is too long, go to www.tinyurl.com and generate a shorter URL. I am not sure how it does this, but I have had to use this before to submit long link addresses.
-Joel

Centauri
06-26-2006, 07:43 AM
The way I did something similar on a site was to set the default #submenu a tag background to the same as the #submenu a:hover tag, and set the normal background in a #submenu a:link tag. I then removed the href from the a tag of the appropriate menu button for that page, which made it non-linkable and selected colour (if that makes sense). Glad to see you got the graphics sorted out too.

Cheers
Graeme