Solved

javascript drop down menu question

Posted on 2006-10-22
2
163 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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
spacing 5 30
Make bootstrap pagination vertical 3 40
Animate a Title 7 37
Bootstrap 3 application structure 7 16
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
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)

758 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

18 Experts available now in Live!

Get 1:1 Help Now