Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to indicate current page, and round corners in IE?

    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.

  • #2
    New Coder
    Join Date
    Apr 2011
    Posts
    42
    Thanks
    5
    Thanked 4 Times in 4 Posts
    5 versions of rounded corners: http://css-tricks.com/video-screenca...unded-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?

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to show current state

    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;
    cursor:default;
    }

    Thank you for your help.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •