PDA

View Full Version : CSS Menu Highlight question



Syncope
02-04-2006, 11:42 PM
CSS Menu Highlight (http://www.dynamicdrive.com/dynamicindex1/csshighlight.htm)

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?


<!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. :D

Chris