how can i add a selectbox over an image ?

Posted on 2004-11-11
Last Modified: 2010-04-06
how can i add a selectbox over an imge just like adding a image map over an exicting image.
Check this page, i want to move the selectbox found at the bottom of the page and move it at the top beside the contactus link.
Question by:Melfeky
    LVL 12

    Accepted Solution


    You can make the image as the table background and just create a form over it. Like this:

    <table width="100%"  border="0" cellspacing="5" cellpadding="0" background="">
        <td width="80%" align="right" valign="top" nowrap><form name="form1" method="post" action="">
          <select name="select">
            <option>value 1</option>
            <option>value 2</option>
            <option>value 3</option>
        <td width="20%" height="135" valign="top" nowrap><a href="#">contact us</a> | <a href="#">agents</a> | <a href="#">downloads</a> </td>
    LVL 53

    Assisted Solution

    change this:
        <td width="190" rowspan="2" valign="top"><img src="images/image_vancouver.jpg" width="190" height="290"></td>

        <td width="190" rowspan="2" valign="top">
        <form style="display:inline">
        <fieldset style="background-image:url(images/image_vancouver.jpg);width:190px;height:290px;
          <select name="events" id="events" onChange="MM_jumpMenu('parent',this,1)">
             <option selected>Choose an Event</option>      
             <option value="calendar/october_2004/october_04.html">October 2004 Activity</option>

    LVL 53

    Expert Comment

    Glad we could help.  Thanks for the A. :^)


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL ( several years ago, it seemed like now was a good time to updat…
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
    The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

    760 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

    Need Help in Real-Time?

    Connect with top rated Experts

    7 Experts available now in Live!

    Get 1:1 Help Now