asked on

Horizontal menu scroll using css

Hi
can u send me sample code for
Horizontal menu scroll using css. Just like firefox tab scroll

Loganathan Natarajan

lot of ..

http://www.dynamicdrive.com/style/csslibrary/category/C1/

ASKER CERTIFIED SOLUTION

qwerty021600

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

russianryebread

Something like this? You'll have to use Javascript to get buttons to handle your scrolling rather than a scrollbar.

<style>
ul {width: 3250px; margin-top: 0;}
ul li {display: block; float: left; margin: 0 2px; width: 100px; text-align: center; border: 1px solid silver; padding: 3px;}
ul li:hover {background: #dedede;}
#container {width: 50%; height: 40px; background: #efefef; padding: 2px; overflow-x: scroll;}
</style>
<div id="container">
 <ul>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
  <li>sdf</li>
 </ul>
</div>

Open in new window

Gary

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.