Solved

javascript drop down menu question

Posted on 2006-10-22
2
165 Views
Last Modified: 2010-04-09
Hi

if i download a free javascript drop down menu from other site and trying to implement to my web page,
how should i do beside copy paste it.

let say: there is a centered banner/logo image on my page.
and i want the menu to be appear right under the image.

which html tag code to use or do i need to create some table ?


Thank you
0
Comment
Question by:ilovekeat
  • 2
2 Comments
 
LVL 20

Accepted Solution

by:
dsacker earned 125 total points
ID: 17788851
There are a number of ways. Using <DIV>s would make your page easily styled by CSS:

<DIV id=banner><img src=yourbanner.gif></DIV>
<DIV id=dropdown>
  <select id=whatever>
    <option value="1">Example 1</option>
    <option value="2">Example 3</option>
    <option value="3">Example 3</option>
  </select>
</DIV>

If you wanted to do it the old-fashioned "table" way, complete with centering:

<TABLE align=center>
  <TR><TD><img src=yourbanner.gif></TD></TR>
  <TR><TD>
    <select id=whatever>
      <option value="1">Example 1</option>
      <option value="2">Example 3</option>
      <option value="3">Example 3</option>
    </select>
  </TD></TR>
</TABLE>

You could also simply use paragraphs and center them:

<P align=center><img src=yourbanner.gif></P>
<P align=center>
  <select id=whatever>
    <option value="1">Example 1</option>
    <option value="2">Example 3</option>
    <option value="3">Example 3</option>
  </select>
</P>

Hope any of these three suggestions help.
0
 
LVL 20

Expert Comment

by:dsacker
ID: 18122981
B?
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

786 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