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.

  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

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