View Full Version : How to indicate current page, and round corners in IE?

Chuck E
04-30-2011, 06:41 AM
Hello. I have two questions related to the same navbar on the same page:

First, can someone tell me the easiest, most efficient way to get rounded corners in IE? The navbar looks great in Safarai, Chrome, Opera and Firefox. I'd like to get the same look in IE.

Second, and the bigger problem: I cannot get a behavior to show for current page. I have followed an online tutorial pretty faithfully, but when I click on the page links, I get nothing.

My page has one difference from the tutorial's: the links are not to other pages, but to ul and li lists on the same page. Which makes me wonder if it's possible to show a current page for parts of an unordered list?

The url is: http://tinyurl.com/3zyfbqx

I'd be very grateful for any help.

Thank you.

04-30-2011, 10:51 AM
5 versions of rounded corners: http://css-tricks.com/video-screencasts/24-rounded-corners/

I'm not sure what you mean by your second question. Right now when I click the links it goes to different fragments of the same page. Meaning, the page scrolls to the position of certain IDs on the page. Is this what you're trying to achieve or are you navigate to a different page?

Chuck E
04-30-2011, 10:06 PM
Hi msevrens.

No, I want the links to scroll the page as it does now. But I want the navbar's li links to highlight whatever ID it's showing. So, for example, when the page scrolls to NY Times, the color of the NY Times link should show a different color than those of the other links.

This is the CSS I wrote, but it's obviously not working:

#main ul.navigation li a.current, #main li a.current:hover, #main li a.current:active {
color: #78320e;
background: #fff;

Thank you for your help.