Solved

Images & Drop Downs/Selects

Posted on 2003-10-22
3
157 Views
Last Modified: 2010-04-09
I have navigation menu with images that are appearing underneath my drop down boxes which are near where the menus are to unfold.  

Here's the question . . .
Is it possible to display an image over a select?
If not do you have any good samples of how to perform a select with
DHTML so we can pop up an image over it.
0
Comment
Question by:kbsitz
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 3

Accepted Solution

by:
superslamwich earned 25 total points
ID: 9603386
better idea, just hide the selects when dropping the menu.  DHTML selects are very confusing and require a lot of code that is unecessary if you just use a normal select and hide it:

<script type='text/javascript'>
<!--

  function DropMenu()  {               //This is whatever function drops the menu
    for(i=0;i<document.childNodes.length;i++)  {
      if(document.childNodes[i].tagName == "select")  {
        document.childNodes[i].style.visibility = "hidden"
      }
    }

    //Rest of your function goes here

  }

  function unDropMenu()  {
    for(i=0;i<document.childNodes.length;i++)  {
      if(document.childNodes[i].tagName == "select")  {
        document.childNodes[i].style.visibility = "visible"
      }
    }

   //Rest of the function here

  }

{Slam}
0
 

Author Comment

by:kbsitz
ID: 9606443
excellent, i will try it
0
 
LVL 3

Expert Comment

by:superslamwich
ID: 9610490
Happy to help ;-)

{Slam}
0

Featured Post

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

632 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question