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 Coder
    Join Date
    Apr 2005
    Posts
    95
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post CSS / HTML Assistance

    Hello,

    I've been trying to code a navigation I designed a while back for a couple hours now and I can't quite get it right. Can someone help me out with this?



    I'm having issues getting this to function properly in MSIE and Firefox.

    The first link "Control Panel Home" is the state when a tab is active, the "Account Settings" is the state when a tab is hovered and the other state is when tabs aren't selected or hovered.

    Look forward to any assistance you can provide. Thank you much!

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    This might help

    You basically need to set a background image for your links that changes depending on the mouse event. So for a:hover you would use the background image of the white link state... for just the a you would have the green background image... and for the currently open page you would need to apply the style in the link above with a separate background image. Do you have a link to your page?

    I like your navigation by the way, it looks very professional
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    New Coder
    Join Date
    Apr 2005
    Posts
    95
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you very much for the advice, I'm going to apply it. Originally I wanted to make the width's liquid with the text in size, but I feel a fixed background will be much easier and more effective.

    Thanks for your kind comments towards the design


  •  

    Posting Permissions

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