PDA

View Full Version : Vertical Scroll Menus With Embedded Hyperlinks ?????



navigation_issues
09-08-2005, 03:47 PM
:confused: I am desperately trying to locate a simple script or css fix that allows me to place hyperlinked options in a vertical manual scroll menu. I am hoping that this will allow me to better categorize my site without a bunch of hyperlink lists and will also still allow the search engines to index those hyperlinked pages. I have not been able to locate a script or fix on dynamic drive to solve the problem. An example of what I am talking about is located at a web site called www.searchextreme.com ( Warning: this is an adult oriented search site, but it is the only example I can find to illustrate this idea. Sorry. ). The menu examples are located in the middle column of the page. You can scroll up and down and choose a hyperlink item. Please Help! :confused:

mattster
09-16-2005, 04:13 PM
Looking at the source code always helps ;) . Also perhaps you should have posted this under CSS, anyway it is the overflow:auto that you are after. e.g.


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

div.scrollbox {
border: #000000 1px solid;
overflow: auto;
width: 180px;
height: 200px;
text-decoration: none;
font-family: arial;
font-size:10px;
}
div.scrollbox a {
padding-right: 0px;
padding-left: 2px;
padding-bottom: 0px;
width: 160px;
color: #000000;
padding-top: 0px;
text-decoration: none
}
div.scrollbox a:visited {
color: #444444
}
div.scrollbox a:hover {
background: #cccccc;
color: #ffffff;
text-decoration: underline
}

-->
</style>
</head>

<body>
<div class="scrollbox">
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
<a href="aa">blah blah</a><br>
</div>
</body>
</html>

navigation_issues
09-17-2005, 11:09 PM
Thanks for the response. I figured out the source code after I posted the original message. Does anyone know how widely supported this scrollbox class is in various browsers?? Thanks. :)

jscheuer1
09-18-2005, 03:40 AM
Most modern browsers will support this, or some form of it. Some tweaking with hacks may be required to get things identical across all browsers but, often, with this sort of thing, none is required, or the differences are so slight as to be unimportant.

navigation_issues
09-20-2005, 10:38 PM
Thanks for that information, John. I plan on using it extensively in a site redesign that I am working on. Thanks again.