Results 1 to 2 of 2

Thread: Navigation

  1. #1
    Join Date
    Jul 2009
    Posts
    52

    Navigation

    What would be the easiest way to create navigation like this on the left: http://www.thenurseryatmountsi.com/index.html. And how could I make a hover text style for that and another for a different area on the same page?

    Thanks

  2. #2
    Join Date
    Aug 2009
    Location
    Lutterworth, Leicester
    Posts
    161

    Thumbs up

    To make a navgation like that, I would recommend using xhtml and CSS.

    The html should be along the lines of...

    <div id="leftnav">
    <h2>Trees & Shrubs</h2>
    <ul>
    <li><a href="#" title="Trees">Trees</a></li>
    <li><a href="#" title="Shrubs">Shrubs</a></li>
    </ul>

    <h2>Perennials & Vines</h2>
    <ul>
    <li><a href="#" title="Perennials">Perennials</a></li>
    <li><a href="#" title="Ground Covers">Ground Covers</a></li>
    <li><a href="#" title="Grasses">Grasses</a></li>
    <li><a href="#" title="Vines">Vines</a></li>
    </ul>

    </div>

    Then within your CSS....

    #leftnav {}
    #leftnav ul {}
    #leftnav li {}
    #leftnav a {}
    #leftnav a:hover {}
    #leftnav a:visited {}

    I hope this helps with the menu. Please let me know if you have any problems.

    Michael.

Similar Threads

  1. Tips to a smooth navigation system
    By gaininfo in forum Graphic Design
    Replies: 0
    Last Post: 24 Jul 2008, 06:10 AM
  2. Navigation
    By vannova in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 04 Jun 2007, 09:25 AM

Posting Permissions

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