Results 1 to 3 of 3

Thread: CSS Menu Highlight question

  1. #1
    Join Date
    Feb 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Menu Highlight question

    CSS Menu Highlight

    Hi,

    Is it possible to nest this script in a scrolling form to save space? I have a huge list of alphabetical items and would like to contain it in a scrollable form (like in the code script boxes on the individual menu pages) so that people don't have the scroll the actual page, just the menu box.

    Any help appreciated.

    Thanks,

    Chris

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You mean like this?

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    A.menulink {
    display: block;
    width: 190px;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    BORDER: none;
    border: solid 1px #FFFFFF;
    }
    A.menulink:hover {
    border: solid 1px #6100C1;
    background-color:#F0E1FF;
    }
    </style>
    <script>
    /*
    CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
    Modified by DD for NS4 compatibility
    Visit http://www.dynamicdrive.com for this script
    */
    var ns4class=''
    </script>
    </head>
    <body>
    <table border="0" width="216">
    <tr>
    <td width="100%" bgcolor="#E6E6E6"><b>Main Menu (CSS)<b></td></tr></table>
    <div style="width:214px;height:150px;overflow:auto;"><table width="198"><tr>
    <td width="100%"><a href="http://www.javascriptkit.com" class="menulink" class=&{ns4class};>JavaScript Kit</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://freewarejava.com" class="menulink" class=&{ns4class};>Freewarejava.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://www.codingforums.com" class="menulink" class==&{ns4class};>CodingForums.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://news.bbc.co.uk" class="menulink" class=&{ns4class};>BBC News</a></td>
    </tr>
    <td width="100%"><a href="http://www.javascriptkit.com" class="menulink" class=&{ns4class};>JavaScript Kit</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://freewarejava.com" class="menulink" class=&{ns4class};>Freewarejava.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://www.codingforums.com" class="menulink" class==&{ns4class};>CodingForums.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://news.bbc.co.uk" class="menulink" class=&{ns4class};>BBC News</a></td>
    </tr>
    <td width="100%"><a href="http://www.javascriptkit.com" class="menulink" class=&{ns4class};>JavaScript Kit</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://freewarejava.com" class="menulink" class=&{ns4class};>Freewarejava.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://www.codingforums.com" class="menulink" class==&{ns4class};>CodingForums.com</a></td>
    </tr>
    <tr>
    <td width="100%"><a href="http://news.bbc.co.uk" class="menulink" class=&{ns4class};>BBC News</a></td>
    </tr>
    </table></div>
    </body>
    </html>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes!! Thank you!

    I kept messing up the html coding and was about to pulverize my keyboard in frustration.

    Thanks, mate. My keyboard thanks you, too.

    Chris

Bookmarks

Posting Permissions

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