473,748 Members | 2,672 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

vertical drop down works for only one tab

59 New Member
am trying to create vertical drop down but it only works well for the first tab.
the HTML
Expand|Select|Wrap|Line Numbers
  1.  
  2. <div id="wraper">
  3.      <ul class="tabs">
  4.         <li>
  5.                 <ul id="tab_ul">
  6.             <li><a href=# onmouseover="javascript:showlayer('ul1')">HOME</a></li>
  7.                <ul id="ul1" class="subtab_ul1">
  8.                 <li><a href=#>SUB MENU TEXT 1</a></li>
  9.                 <li><a href=#>SUB MENU TEXT 2</a></li>
  10.                 <li><a href=#>SUB MENU TEXT 3</a></li>
  11.               </ul>
  12.           </ul>
  13.         </li>
  14.            <li>
  15.              <ul id="tab_ul">
  16.             <li><a href=# onclick="javascript:showlayer('ul2')">ABOUT US</a></li>
  17.                <ul id="ul2" class="subtab_ul1">
  18.                 <li><a href=#>SUB MENU TEXT 1</a></li>
  19.                 <li><a href=#>SUB MENU TEXT 2</a></li>
  20.                 <li><a href=#>SUB MENU TEXT 3</a></li>
  21.               </ul>
  22.           </ul>
  23.         </li>
  24.         <li>
  25.              <ul id="tab_ul">
  26.             <li><a href=# onclick="javascript:showlayer('ul3')">CONTACT US</a></li>
  27.                <ul id="ul3" class="subtab_ul1">
  28.                 <li><a href=#>SUB MENU TEXT 1</a></li>
  29.                 <li><a href=#>SUB MENU TEXT 2</a></li>
  30.                 <li><a href=#>SUB MENU TEXT 3</a></li>
  31.               </ul>
  32.           </ul>
  33.         </li>
  34.       </ul>
  35.  
  36.            </div>
  37.  
and the CSS
Expand|Select|Wrap|Line Numbers
  1.  
  2. li {list-style:none }
  3. ul {margin:0}
  4. #wraper { margin:0; background:#003366; height:30px; padding:4px; padding-bottom:0; font-weight:bold }
  5. #wraper ul li{ position:relative }
  6.  
  7. #tab_ul li{ float:left; background:#616CDA; margin-right:10px; height:30px }
  8. #tab_ul li a{ color:#FFFFFF; text-decoration:none;  line-height:30px; display:block; float:left; padding:0 26px 0 10px}
  9. #tab_ul ul { border:1px #616CDA solid; width:200px; border-top:none; background:#FFFFFF; position:relative; top:4px; padding:6px 0;clear:both;z-index:2;display:none; }
  10. #tab_ul ul li{ margin:0 6px; display:block; background:none; float:none;  border:none; height:auto; line-height:normal; border-top:solid 1px #DEDEDE; } 
  11. #tab_ul ul li a{  background:none;display:block;float:none;padding:6px; margin:0;border:0;height:auto;color:#003366;line-height:normal }
  12. #tab_ul ul li a:hover{ background:#e3edef;}
  13.  
May 31 '11 #1
3 2639
JKing
1,206 Recognized Expert Top Contributor
Looks like you are using javascript to show/hide layers. On the first tab you have used onmouseover while all the others use onclick.

Try changing the onclick to onmouseover for the rest of the tabs.
May 31 '11 #2
freefony
59 New Member
that missed me but its not the problem. the problem is, in the browser onmouseover event for the first tab moves the second and third tabs out of the <div> below the displayed submenus
May 31 '11 #3
JKing
1,206 Recognized Expert Top Contributor
Do you have a link to the project so I can see what's going on?
Jun 1 '11 #4

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

Similar topics

1
4971
by: Kevin Long | last post by:
Hi there. I have been using Excel in conjunction with Visual Basic for writing a fluid flow program. I have 3 drop down boxes on the the spreadsheet and each time I select an item from the drop down box it runs a particular macro that I have written. Currently, each drop down box only runs 1 particular macro. Is there any way that I can get a drop down box to run 2 macros? TIA
0
16168
by: vikram.cvk | last post by:
Hello Experts, Im trying to design a CSS vertical drop down menu which should have the following functionality. Home About Us | -->Overview
3
1670
by: Russ | last post by:
I have a drop down list on a web page that I pre-fill onload from a SQL table using a SqlDataReader. The line of code that fills the drop down looks like this while(myReader.Read()) { ddlCompany.Items.Add(new ListItem(myReader.ToString(), myReader.ToString())) }
0
1440
by: kaon | last post by:
Hi, Ive been looking for a way to capture an autopostback event of a dropdownlist in a datagrid control. the scenario is that, ive a datagrid, and there is a dropdownlist column in each of the row with each record (note the drop down dont only show when u edit a row, but it shows always for every row), when i change a value from the dropdown for any row of the grid, i want to get the row id (or the record id that i can by someway put in...
0
1023
by: jack | last post by:
Hi all, I this this would be the most common question to most of the professionals out there. but for me its a head ac I am developing in asp.net 2.0 and wanted to use drop down calender control in my page with few resources on internet i found one and was able to get the drop down .. but only in IE not in mozilla firefox.
1
1108
by: colleen1980 | last post by:
There is a radio button name Option934 and a check box name chk1Dtl11 in my form. I need help how to open a drop down when both are clicked. Drop down contains only two values from table tblExplanation: tblExplanation DetailID ReasonID ExplanationID ExplanationDescr 11 1 1 Did not create a Remedy ticket 11 1 2 Falsified comments on the Remedy Ticket DetailID is the key field
2
1550
by: bbatson | last post by:
Hello, Does anyone have any advice as to how to limit a drop-down selection in a table? For example, suppose I have two tables - essentially a one-to-many relationship. One table is "Southeastern States" with about 12 states or so. The other table is "Cities", with about 200 cities within these states. I am using the "Lookup" function in a different table where the user (via a form) chooses the state and city. After selecting the city,...
4
6431
by: ghjk | last post by:
I want to edit database values using my web application. So first i load data to test boxex and drop down list. But drop down list only contain one value. I want to put all posible value to that and should high light particular one. (Because if user want to edit drop down box value)How can i do that?
0
2951
by: rahullko05 | last post by:
i have designed a menu list program in which i'm facing a problem where the last li item (white crappie) shifts down when i hover mouse pointer to just above li item (ozrack bazz) of white crappie instead (white crappie) li item should be to be sticked just below (ozrack bazz) li item without a down shift. i request u all to kindly sort the problem. i have send menu_css.html file along with the layout.css file. thanks html file:
5
3644
by: nfarrier | last post by:
I'm a school teacher trying to get a web page update working doing a drop-down menu. The code works at http://hms.sps.lane.edu but the update that uses more css, including "navigation body" "wrapper" and "header" at http://hms.sps.lane.edu/new/, the drop-down menu only works in IE. I don't understand enough of css to debug this. Hoping someone can help. #navigation-wrapper { float: left; margin-left: 42px;
0
8995
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8832
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,...
0
9381
jinu1996
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...
0
9254
tracyyun
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...
0
8252
agi2029
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...
1
6799
isladogs
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...
0
6078
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
3316
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
3
2217
bsmnconsultancy
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.