Home/ Questions/Q 928695
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T20:03:10+00:00

I am new to web programming. I want to create buttons in html and

  • 0

I am new to web programming. I want to create buttons in html and when you hover over it, it shows a drop down of options for pages you want to go to.

Any help is appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s a very basic example of what you’re trying to achieve. It’s actually not a button, but a styled list. Since you’re new to HTML, I’ll post the entire code, so that you can copy and paste it:

    #button {
  /* Box in the button */
  display: block;
  width: 190px;
}

#button a {
  text-decoration: none;
  /* Remove the underline from the links. */
}

#button ul {
  list-style-type: none;
  /* Remove the bullets from the list */
}

#button .top {
  background-color: #DDD;
  /* The button background */
}

#button ul li.item {
  display: none;
  /* By default, do not display the items (which contains the links) */
}

#button ul:hover .item {
  /* When the user hovers over the button (or any of the links) */
  display: block;
  border: 1px solid black;
  background-color: #EDC;
}
    <body>
  <div id="button">
    <ul>
      <li class="top">OtherOverflow Sites</li>
      <li class="item"><a href="http://serverfault.com/">Visit serverfault</a></li>
      <li class="item"><a href="http://superuser.com/">Visit superuser</a></li>
      <li class="item"><a href="http://doctype.com/">Visit doctype</a></li>
    </ul>
  </div>
</body>
    • 0