[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 168
  • Last Modified:

Horizontal menu scroll using css

Hi
can u send me sample code for
Horizontal menu scroll using css. Just like firefox tab scroll
0
ekartha
Asked:
ekartha
1 Solution
 
Loganathan NatarajanLAMP DeveloperCommented:
0
 
qwerty021600Commented:
Create a DIV of fixed height, give overflow-y: scroll;
<Div style="overflow-y: scroll; height: 100px;">
Your Menu content here
</Div>

Else give this style in Class and call that class in DIV.
0
 
russianryebreadCommented:
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

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

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now