[Last Call] Learn how to a build a cloud-first strategyRegister Now


javascript drop down menu question

Posted on 2006-10-22
Medium Priority
Last Modified: 2010-04-09

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
Question by:ilovekeat
  • 2
LVL 20

Accepted Solution

dsacker earned 375 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>

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>
    <select id=whatever>
      <option value="1">Example 1</option>
      <option value="2">Example 3</option>
      <option value="3">Example 3</option>

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>

Hope any of these three suggestions help.
LVL 20

Expert Comment

ID: 18122981

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Suggested Courses

830 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