Results 1 to 2 of 2

Thread: Trying To Create Vertical List menu

  1. #1
    Join Date
    Jan 2007
    Posts
    2

    Trying To Create Vertical List menu

    Hi All,

    I am trying to create this specific vertical list.

    The challenge that I am having is trying to create the static sub menu BUT not the drop down like the usual drop down menu.

    I have been trying to make it but so far nothing works

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,331
    I'm not quite sure what you want to do.

    If you don't want drop down menus then the image you show in the link would be just a vertical list of links.
    <a href="link1.html">Link 1</a><br>
    <a href="link2.html">Link 2</a><br>

    If you just want a vertical list where the link background changes color on hover; then the code would be something like this:-
    In the head section:-

    <style type="text/css">
    .highlight a:link { display: block; width: 150px; height: 30px;
    background-color: #B22222; color: white; }
    highlight a:visited { display: block; width: 150px; height: 30px;
    background-color: #B22222; color: white; }
    .highlight a:hover { display: block; width: 150px; height: 30px;
    background-color: #CD5C1C; color: white; }
    highlight a:active { display: block; width: 150px; height: 30px;
    background-color: #B22222; color: white; }
    </style>

    In the body:-

    <div style="width: 150px;">
    <div class="highlight"><a href="home.html">Home</a></div>
    <div class="highlight"><a href="profile.html">Company Profile</a></div>
    </div>

    If you do want a drop down menu, there are plenty to choose from here:-
    http://www.cssplay.co.uk/menus/index.html
    http://www.cssplay.co.uk/menus/flyout4.html
    http://www.cssplay.co.uk/menus/tabmenu.html
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Create mailing list for newsletter
    By uzee in forum General Questions
    Replies: 1
    Last Post: 21 Mar 2007, 08:48 AM
  2. Nested Horizontal Menu
    By jeffreymerrell in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 27 Apr 2006, 03:12 PM

Posting Permissions

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