473,738 Members | 2,009 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

css problem with the scroll bar

3 New Member
hello guys,
i have problem in the scroll bar on my css code , i am trying to use that css menu from that link http://www.cssplay.co. uk/menus/slide_fly.html

it actually works very good but i want to use it on the right side from my site not in the left side so i edited the ccs code but the scroll bar didnt works really good ,it scroll so much on the left side ,
here is screen shot http://qbael.com/upload/mn/screen.JPG

and here is my full css and html code after the editing.

Expand|Select|Wrap|Line Numbers
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="en">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <title> Stu Nicholls | CSSplay | Vertical slide </title>
  8. <meta name="Author" content="Stu Nicholls" />
  9. <style type="text/css">
  12. #menu {list-style-type:none; padding:0; margin:0; width:150px; z-index:100; float:right; height:360px; background:#000;}
  13. #menu ul {list-style-type:none; padding:0; margin:0;}
  14. #menu li {float:left; background:#fff url(slide/slide_0.gif) no-repeat;}
  16. #menu li.sub {background:#fff url(slide/slide_0.gif) no-repeat;}
  18. #menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:30px; width:150px; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;}
  20. #menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}
  22. #menu ul,
  23. #menu :hover ul ul,
  24. #menu :hover ul :hover ul ul {position:absolute; right:-9999px; width:150px;}
  26. #menu :hover {color:#ff0; background:#fff url(slide/slide_1.gif) no-repeat; z-index:500; white-space:nowrap;}
  28. #menu :hover > a {color:#ff0; background:#fff url(slide/slide_1.gif) no-repeat; z-index:500; white-space:nowrap;}
  30. #menu :hover ul {position:static; height:180px; margin-top:-1px; background:#383838;}
  31. #menu :hover ul :hover ul,
  32. #menu :hover ul :hover ul :hover ul {display:block; position:absolute; right:130px; top:0; height:auto; z-index:500; border:1px solid #fff;}
  34. #menu :hover ul li, #menu :hover ul li a {background:#383838; text-align:right; text-indent:10px; }
  35. #menu :hover ul li.fly a {background: #383838 url(slide/arrow.gif) no-repeat 20px center;}
  36. #menu :hover ul :hover {background:#255fa3; position:relative; z-index:100;}
  37. #menu a:hover ul li.fly a:hover {background:#255fa3 url(slide/arrow.gif) no-repeat 20px center; color:#ff0;}
  38. #menu :hover ul li.fly:hover > a {background:#255fa3 url(slide/arrow.gif) no-repeat 20px center; color:#ff0;}
  40. #menu :hover ul :hover ul li,
  41. #menu :hover ul :hover ul li a
  42. {background:#666;}
  43. #menu :hover ul :hover ul :hover ul li {background:#666; z-index:500;}
  45. #menu :hover ul :hover ul li.fly a {background: #626262 url(slide/arrow.gif) no-repeat 20px center;}
  46. #menu :hover ul :hover ul :hover {z-index:500; background:#0d72c0; color:#ff0;}
  47. #menu a:hover ul a:hover ul li.fly a:hover {background:#0d72c0 url(slide/arrow.gif) no-repeat 20px center; color:#ff0;}
  48. #menu :hover ul :hover ul li.fly:hover > a {background:#0d72c0 url(slide/arrow.gif) no-repeat 20px center; color:#ff0;}
  50. #menu :hover ul :hover ul :hover ul li,
  51. #menu :hover ul :hover ul :hover ul li a {background:#tease.gif;}
  53. #menu :hover ul :hover ul :hover ul :hover {background:#5184b8; color:#ff0;}
  54. #menu :hover ul :hover ul :hover ul :hover a {color:#ff0;}
  56. </style>
  57. </head>
  59. <body>
  60. <ul id="menu">
  61. <li><a href="#nogo">Home</a></li>
  62. <li><a href="#nogo">Privacy Policy</a></li>
  63. <li class="sub"><a href="#nogo">Types<!--[if gte IE 7]><!--></a><!--<![endif]-->
  64.                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  65.                         <li><a href="#nogo">European</a></li>
  66.                         <li><a href="#nogo">Indian</a></li>
  67.                         <li><a href="#nogo">North Africa</a></li>
  68.                         <li class="fly"><a href="#nogo">American<!--[if gte IE 7]><!--></a><!--<![endif]-->
  69.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  70.                                         <li><a href="#nogo">South American</a></li>
  71.                                         <li class="fly"><a href="#nogo">North American<!--[if gte IE 7]><!--></a><!--<![endif]-->
  72.                                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  73.                                                         <li><a href="#nogo">Grey tree frog</a></li>
  74.                                                         <li><a href="#nogo">Green tree frog</a></li>
  75.                                                         <li><a href="#nogo">Spring peeper</a></li>
  76.                                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  77.                                         </li>
  78.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  79.                         </li>
  80.                         <li><a href="#nogo">Japanese</a></li>
  81.                         <li><a href="#nogo">Chinese</a></li>
  82.                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  83. </li>
  84. <li class="sub"><a href="#nogo">Classifications<!--[if gte IE 7]><!--></a><!--<![endif]-->
  85.                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  86.                         <li class="fly"><a href="#nogo">Pelodryadinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  87.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  88.                                         <li><a href="#nogo">Cyclorana</a></li>
  89.                                         <li><a href="#nogo">Litoria</a></li>
  90.                                         <li><a href="#nogo">Nyctimystes</a></li>
  91.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  92.                         </li>
  93.                         <li class="fly"><a href="#nogo7">Phyllomedusinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  94.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  95.                                         <li><a href="#nogo">Agalychnis</a></li>
  96.                                         <li><a href="#nogo">Cruziohyla</a></li>
  97.                                         <li><a href="#nogo">Hylomantis</a></li>
  98.                                         <li><a href="#nogo">Pachymedusa</a></li>
  99.                                         <li><a href="#nogo">Phasmahyla</a></li>
  100.                                         <li><a href="#nogo">Phrynomedusa</a></li>
  101.                                         <li><a href="#nogo">Phyllomedusa</a></li>
  102.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  103.                         </li>
  104.                         <li class="fly"><a href="#nogo">Hemiphractinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  105.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  106.                                         <li><a href="#nogo">Cryptobatrachus</a></li>
  107.                                         <li><a href="#nogo">Flectonotus</a></li>
  108.                                         <li><a href="#nogo">Gastrotheca</a></li>
  109.                                         <li><a href="#nogo">Hemiphractus</a></li>
  110.                                         <li><a href="#nogo">Stefania</a></li>
  111.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  112.                         </li>
  113.                         <li class="fly"><a href="#nogo">Hylinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  114.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  115.                                         <li><a href="#nogo">Acris</a></li>
  116.                                         <li><a href="#nogo">Anotheca</a></li>
  117.                                         <li><a href="#nogo">Bokermannohyla</a></li>
  118.                                         <li><a href="#nogo">Corythomantis</a></li>
  119.                                         <li><a href="#nogo">Ecnomiohyla</a></li>
  120.                                         <li><a href="#nogo">Hyloscirtus</a></li>
  121.                                         <li><a href="#nogo">Megastomatohyla</a></li>
  122.                                         <li><a href="#nogo">Osteocephalus</a></li>
  123.                                         <li><a href="#nogo">Pseudacris</a></li>
  124.                                         <li><a href="#nogo">Sphaenorhynchus</a></li>
  125.                                         <li><a href="#nogo">Trachycephalus</a></li>
  126.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  127.                         </li>
  128.                         <li class="fly"><a href="#nogo9">Rhacophorinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  129.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  130.                                         <li><a href="#nogo">Boophis</a></li>
  131.                                         <li><a href="#nogo">Callixalus</a></li>
  132.                                         <li><a href="#nogo">Chiromantis</a></li>
  133.                                         <li><a href="#nogo">Cryptothylax</a></li>
  134.                                         <li><a href="#nogo">Mantidactylus</a></li>
  135.                                         <li><a href="#nogo">Rhacophorus</a></li>
  136.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  137.                         </li>
  138.                         <li class="fly"><a href="#nogo">Buergeriinae<!--[if gte IE 7]><!--></a><!--<![endif]-->
  139.                                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  140.                                         <li><a href="#nogo">Buergeria</a></li>
  141.                                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  142.                         </li>
  143.                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  144. </li>
  145. <li class="sub"><a href="#nogo">References<!--[if gte IE 7]><!--></a><!--<![endif]-->
  146.                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  147.                         <li><a href="http://en.wikipedia.org/wiki/Tree_frog">Wikipedia</a></li>
  148.                         <li><a href="#nogo11">Encyclopedia</a></li>
  149.                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  150. </li>
  151. <li class="sub"><a href="#nogo">Links<!--[if gte IE 7]><!--></a><!--<![endif]-->
  152.                 <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
  153.                         <li><a href="#nogo">Complete treefrog</a></li>
  154.                         <li><a href="#nogo">Old World treefrogs</a></li>
  155.                         <li><a href="#nogo">Amphibian Species</a></li>
  156.                 </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
  157. </li>
  158. </ul>
  160. </body>
  161. </html>
so please help me to fix it .

Nov 4 '08 #1
1 2307
David Laakso
397 Recognized Expert Contributor

so please help me to fix it .
So please provide a clickable link to it in your post. And someone may or may not have time to help you fix it.
Nov 5 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Arlie Rahn | last post by:
I would like to ad a custom scroll bar control to my app that has a customizable and "flat" look to it (not the normal VB look). Does anyone have any ideas on where to find a good one?
by: zwylle | last post by:
Hi all, to avoid a nervous breakdown I finally decided to seek help :D I have a table defined with plain color background and in some cells I show pictures to frame my site. The problem I have occurs for one special cell. The background of this cell is as you can see an image. A text should be displayed on this image. I don't want the text to be bigger than the picture.
by: Nishant | last post by:
I have a combo box with a horizontal scroll bar. (Used SetHorizontalExtent) The dropdown with horizontal scroll bar works fine when I have more items in the dropdown list. However when the number of items is less, the horizontal scroll bar comes over the last item. If there is only one item, I am not able to see that item because of Horizontal scroll.
by: Michael Schuerig | last post by:
I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are scrollable (with the ordinary scrollbars, no less). Whatever I try, the columns in the head and the body aren't aligned; the widths are computed independently which gives a completely ragged look. Michael --
by: Jason Chu | last post by:
Simple compatibility question, I have this: <table height="100%" width="50%" border="1"> <tr height="50%"> <td> <asp:Panel id="Panel1" runat="server" Height="100%" Width="100%" CssClass="scroll"> <asp:Label id="Label1" runat="server">Label</asp:Label></asp:Panel> </td> </tr> <tr height="50%">
by: Chris Calzaretta | last post by:
How would I go about getting windows display size for the scroll bar in all windows? Is it in the registery?? Thanks Chris
by: James | last post by:
Hi, I have a Windows Forms application which uses multiple child forms (MDI interface). The height of one of the child forms is larger than the height of the MDI client area, so when this form is visible, the vertical scroll bar of the MDI parent appears automatically. What I want to do is write a routine within the MouseWheel event of the MDI
by: =?Utf-8?B?U2hhcm9u?= | last post by:
I'm using the VScrollBar and set it as follow: m_vScrollBar.Minimum = -19602; m_vScrollBar.Maximum = 0; m_vScrollBar.SmallChange = 1; m_vScrollBar.LargeChange = 1089; m_vScrollBar.Value = m_vScrollBar.Maximum; The scroll bar is set to start from the bottom.
by: hokeyplyr48 | last post by:
This is my first flash project and i've been doing it all of tutorials. working in Flash CS3 windows xp pro actionscript 2.0 the website can be found here: http://balfourwest.50webs.com/balfour%20west.html and i want to be able to scroll the entire page with the mouse. i can scroll the page until i actually click within it. (make sense?) like if i click file or something then scroll it will scroll but if i click one of the tabs it...
by: bgold12 | last post by:
How can I test if a vertical scroll bar is at the bottom of the range? I know that... document.getElementById('mydiv').scrollHeight ....returns the range, and... document.getElementById('mydiv').scrollTop ....returns the position of the top of the scroll handle in the range,
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.