www.webdeveloper.com
Results 1 to 4 of 4

Thread: Navigation menu help

  1. #1
    Join Date
    Feb 2009
    Posts
    3

    Navigation menu help

    hey guys,

    i'm a total noob on web design and have been reading and reading but not getting through to my thick skull! I'm trying to do a lot of things but doing them 1 stage at at a time. Right now i'm trying to get my Categories menu sorted but for the love of me i've had to re-install the tempalte 8 times because i'm not sure what i'm doing!!

    Basically if you look at the site www.interscrewfix.co.uk and see the column categories i want to try and get it to look like www.screwfix.co.uk browse categories. IF you can notice each of those cats have thier own surrounding box and when you point at them they get highlighted, thats what i want to do but despite finding various methods posted on the net i simply don't know where to include the code or when i do put it in it seems to mess up the site!

    Like i said i'm a noob and an easy way out would jus be get someone else to do it but then i wouldn't have actually learnt anything would i!?

  2. #2
    Join Date
    Feb 2009
    Location
    The land of chocolate
    Posts
    31
    Try something like this, I used one of your links as example:
    Code:
    <li><a href="http://interscrewfix.co.uk/categories/Lighting/Ceiling-Lights/" class="navlink">Ceiling Lights</a></li>
    And then in your CSS:
    Code:
    a.navlink {
      display:block;
    }
    
    a.navlink:hover {
      background-color:blue;
      color:white;
    }
    Of course you can pick any color you want, it's the "display:block" that makes the "box", as you call it.
    -Snow

    When people tell me "plz" just because it's shorter than "please", I feel perfectly justified to answer "No" because it's shorter than "Yes".

    And the Lord said unto Carl: "Come forth and receive eternal life". But Carl came fifth and won a toaster.

    Susie, if you want to see your doll again, leave $100 in this envelope by the tree out front. Do NOT call the police. You CANNOT trace us. You CANNOT find us.
    Sincerely, Calvin.

  3. #3
    Join Date
    Feb 2009
    Posts
    3
    thanks for that mate! Don't want to sound thick here but can i just stick that code in anywhere in html and css or do i need to put them somewhere specific?

  4. #4
    Join Date
    Feb 2009
    Location
    The land of chocolate
    Posts
    31
    Anywhere you like, CSS in your included css file and the HTML just in your page. It's just simple HTML and CSS
    -Snow

    When people tell me "plz" just because it's shorter than "please", I feel perfectly justified to answer "No" because it's shorter than "Yes".

    And the Lord said unto Carl: "Come forth and receive eternal life". But Carl came fifth and won a toaster.

    Susie, if you want to see your doll again, leave $100 in this envelope by the tree out front. Do NOT call the police. You CANNOT trace us. You CANNOT find us.
    Sincerely, Calvin.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles