Loading ...
Sorry, an error occurred while loading the content.

Re: Highlighting Menu Buttons

Expand Messages
  • hugo_paulissen
    Greg, John, ... And here s another... In your link-tags include class=a. End each tag with a . A BUTTON
    Message 1 of 3 , Mar 11, 2004
    View Source
    • 0 Attachment
      Greg, John,
      >
      > Here's one way.

      And here's another...

      In your link-tags include class=a. End each tag with a <br>.

      <a class=buttons href="#" target="main">A BUTTON</a><br>
      <a class=buttons href="#"target="main">ANOTHER BUTTON</a><br>
      <a class=buttons href="#"target="main">YET ANOTHER</a><br>
      <a class=buttons href="#"target="main">A BUTTON</a><br>
      <a class=buttons href="#"target="main">WIDER BUTTON</a><br>
      <a class=buttons href="#"target="main">NOT NARROW</a><br>
      <a class=buttons href="#"target="main">YET ANOTHER BUTTON</a><br>
      <a class=buttons href="#"target="main">BUTTON</a><br>
      <a class=buttons href="#"target="main">BUTTON</a><br>
      <a class=buttons href="#"target="main">A BUTTON AGAIN</a><br>
      <a class=buttons href="#"target="main">FINAL BUTTON</a><br>

      Your stylesheet contains...
      a.buttons {
      position: absolute;
      line-height: 1.1em;
      left: 40px;
      border: 1px solid #6699FF;
      width: 120px;
      height: 1.2em;
      padding: 2px 15px;
      text-decoration: none;
      background-color: #99CCFF;
      color: #FFFFFF;
      font-size: 0.7em;
      }
      a.buttons:hover {
      background-color: #6699FF;
      color: #000000;
      }

      Hugo
    Your message has been successfully submitted and would be delivered to recipients shortly.