CSS Menu Highlight question

**Syncope** · 02-04-2006, 11:42 PM

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

**jscheuer1** · 02-05-2006, 03:28 AM

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>

**Syncope** · 02-05-2006, 04:07 AM

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

Thread: CSS Menu Highlight question

Thread Tools

Search Thread

CSS Menu Highlight question

Bookmarks

Bookmarks

Posting Permissions