473,320 Members | 1,857 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

css submenu a href problem

oll3i
679 512MB
i have written css tab menu
but my links in submenu inherit the style of a href in main menu (#menu ul li a)?
when i hover over the links in submenu they do change as i want them to change they just display as #menu ul li a

Expand|Select|Wrap|Line Numbers
  1. #menu {
  2.     position:absolute;
  3.     height:auto;
  4.     width:930px;
  5.     top:10px;
  6.     left:10px;
  7.     }
  8.  
  9. #menu ul {
  10. float:left;
  11. margin:0;
  12. padding:0;
  13. list-style:none;
  14. }    
  15. #menu ul li{
  16. display:inline;
  17. }
  18.  
  19. #menu ul li a{
  20. width:80px;
  21. height:22px;
  22. float:left;
  23. display:block;
  24. margin:0 1px 0 0;
  25. font-size:100%;
  26. text-decoration:none;
  27. text-align:center;
  28. color:#FFF;
  29. font-weight:bold;
  30. background:url(../images/top_menu_normal.gif) left top no-repeat;
  31. padding:3px 0 0 0;}
  32.  
  33.  
  34.  
  35.  
  36. #menu ul li a:hover{
  37. width:80px;
  38. height:22px;
  39. float:left;
  40. display:block;
  41. text-align:center;
  42. margin-top:0;
  43. margin-right:1px;
  44. margin-bottom:0;
  45. margin-left:0;
  46. font-size:100%;
  47. text-decoration:none;
  48. color:#FFF;
  49. font-weight:bold;
  50. background:url(../images/top_menu_hover.gif) left top no-repeat;  
  51. padding:3px 0 0 0;
  52. }
  53. #menu ul li a:active{
  54. width:80px;
  55. height:22px;
  56. float:left;
  57. display:block;
  58. text-align:center;
  59. margin-top:0;
  60. margin-right:1px;
  61. margin-bottom:0;
  62. margin-left:0;
  63. font-size:100%;
  64. text-decoration:none;
  65. color:#FFF;
  66. font-weight:bold;
  67. background:url(../images/top_menu_hover.gif) left top no-repeat;  
  68. padding:3px 0 0 0;
  69. }
  70.  
  71. #menu ul #submenu{
  72. position:absolute;
  73. top:2px;
  74. left:0px;
  75. float:left;
  76. width:818px;
  77. height:10px;
  78. margin:0;
  79. padding:0;
  80. font-size:100%;
  81. }
  82.  
  83. #menu ul #submenu ul {    
  84. position:relative;
  85. margin:0;
  86. padding:0;
  87. bottom:-1.4em;
  88. left:0px;
  89. font-size:100%;
  90. width:818px;
  91. background:none;
  92. }
  93.  
  94.  
  95. #menu ul #submenu li{
  96. display:inline;
  97. list-style:none;
  98. border-right:1px solid #CCC;
  99. padding-right:2px;
  100. background:none;
  101. }
  102.  
  103.  
  104.  
  105.  
  106. #menu ul#submenu li a{
  107. text-decoration:none;
  108. color:#000;
  109. background:none;
  110. }
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117. #menu ul #submenu  li a:hover{
  118. text-decoration:none;
  119. color:#CCC;
  120. background:none;
  121. }
  122. #menu ul #submenu  li a:active{
  123. text-decoration:none;
  124. color:#CCC;
  125. background:none;
  126. }
  127.  
what should i change?
thank you
Jul 14 '08 #1
1 2220
oll3i
679 512MB
thank you i figured it out :)
Jul 14 '08 #2

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

Similar topics

5
by: Jonathan | last post by:
Hello All, I am in the process of creating a 2/3 level collapsible/exspanible menu (called "nav") where users can click on a category and have the submenus appear beneath it and so on (allow...
2
by: az538 | last post by:
Hello All, I am having a problem with my menu and submenu system. It works like a champ in IE6 and Firefox but IE7 renders the submenus in incorrect positions on the page. Also, the menu system...
1
by: bhosalevivek | last post by:
I did this code from Dynamic Drive DHTML. it's working properly, but now I need submenu for "Submenu 1.2", means when I take mouse on "Submenu 1.2" I need to display "Submenu 1.2.1". I try to do...
5
by: remon87 | last post by:
I need some help. I have javasript that creates the submenu but it works if I have a text with css. I need it to do the same with a roll over images. so when I click on the image the submenu...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

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.