I am trying to make an over or drop down to the right of my buttons can't figure it out.

This is an off the cuff site with dropdown from the top. I am creating drop down coming out from the right with the ability to click to a different page....http://cohenbattisti.com/orlando-criminal-defense-attorney-lawyer.htm?gclid=CL26zo6y7ZYCFQQRswodAB5IrQ
Again this is not my site, an example.  If you do not understand what I am saying I can make it clearer with your questions.
Thank y ou so much,
Tamela
tkanzAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David BruggeCommented:
0
tkanzAuthor Commented:
Thank you for answering, D.  This is basically what I am looking for.  Here is the right side drop down code for it.  Just have a couple of questions.  I am a little nervous about putting it in and having it work right. This guy is major pressure on me,yatta...  This is perfect for me though.  If he doesn't want the "button" look is there a way to let the buttons just be words without being boxed in this particular code?
In Dreamweaver  I can probably just manipulate colors and such from the outside and DW will write the code to attach to the rest of the pages; correct?
I will be working on this later today, If I have any more issues, may I contact you?
Again, Thank you so much
Tamela

<!--- START MENU HTML -->
<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">New scripts</a>
    <ul>
      <li><a href="#">Slide out menu</a></li>
      <li><a href="#">Content organizer</a></li>
      <li><a href="#">Slide in pane</a></li>
      <li><a href="#">Chess widget</a></li>
      <li><a href="#">Color picker</a></li>
    </ul>
  </li>
  <li><a href="#">Updated scripts</a>
    <ul>
      <li><a href="#">Calendar script</a></li>
      <li><a href="#">Tab menu</a></li>
      <li><a href="#">DHTML menu</a></li>
      <li><a href="#">Slide in pane</a></li>
    </ul>
  </li>
  <li><a href="#">Support us</a>
    <ul>
      <li><a href="#">Link to us</a></li>
      <li><a href="#">Recommend us</a></li>
      <li><a href="#">Donate</a></li>
    </ul>
  </li>
  <li><a href="#">Forum</a>
    <ul>
      <li><a href="#">Topic one</a></li>
      <li><a href="#">Topic two</a></li>
      <li><a href="#">Topic three</a></li>
    </ul>
  </li>
  <li><a href="#">Contact us</a>
    <ul>
      <li><a href="#">Support</a></li>
      <li><a href="#">Feedback</a></li>
      <li><a href="#">Submit a script</a></li>
    </ul>
  </li>
  <li><a href="#">The end(no subs)</a></li>
</ul>
</div>
<!-- END MENU HTML--> 

Open in new window

0
David BruggeCommented:
Well, you are going for a simple html menu which is fine. It's a lot cleaner and easier to debug. The only thing that it doesn't have is the sliding effect. Instead, the submenus just "pop" open. Nothing wrong with that.

The way this works is you have a series of basic unordered lists <ul>. Within the <ul> and the </ul> you have your list elements <li> closed with the </li> BTW, I see that you are missing a </li> after Contact us.
Between each <li> and </li> you have your links.

If you put the html mark up into a page the way it is, you will get something like:

     * New Scripts

     * Slide out menu
     * Content organizer
     * Slide in pane

and so forth.

You then use some CSS commands to style the list. The reason that you put each link into a list element is because you can write a CSS commands that will let you apply a style to each element. For instance, you would probably put a box around each element and spread them apart so they look more like a menu. And you could put a background color on the box and center the type inside of the box.
You can write a style that will have one color background when the mouse hovers over the box and a different color background when the mouse is not over it.
That's the magic of CSS, you can write one style sheet and use it for as many or as few menus as you like. If you want to change the color, there's just one command in one place that changes all of the buttons at once.


Here are some links that will give you some starter clues on the CSS and where to put it in your markup to make it work.

Here is a list of what I think are the simplist tutorials on menus http://css.maxdesign.com.au/
Go to Listamatic, One List Many Options and start with Simple List. Then build from there. You will get what you need in a few easy steps.

If you want to cheat, google "menu generator" and you will fine sever sites that let you style the menu that you want and download the code.  Here is one of them: http://www.cssmenumaker.com/
The problem with this method is that if it doesn't work, or you want to change something, you don't know how to fix it.

It's always nicer to know what the code is doing so that you can tweak it to your liking.

If you get stuck, Experts- Exchange has a whole zone just on CSS where people jump all over this stuff with great tips and advice.

Best of luck to you.

David B
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
tkanzAuthor Commented:
Excellent advise and I so appreciate it. You have been such a great help to me. I will have to look at the sites though, If I have any question I will post back into experts exchange.  Again. Thank you so much and God Bless.
0
David BruggeCommented:
Thanks for the grade. I've only got about a one year head start on you. I got very good at html using tables to put everything in place and resisted using CSS. I had a rough time at first, but after getting used to it, I find that I can't do any work without it.

I've just spent about six weeks getting my feet wet on javascript, but have to take time out now to learn about databases and php templates. I'm always coming back here to EE for advice. Sometimes I get an answer in a few minutes, other times, I end up a week without any hits. The new feature that EE has added where they send an email to top people in a zone when you haven't received an answer really helps.

Anyway, good luck to you and I'll see you around.

David B
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Graphics Software

From novice to tech pro — start learning today.