Announcement

Collapse
No announcement yet.

CSS rollover

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS rollover

    I am new to CSS and am having a difficult time formatting the rollover effect on a navigation bar. It is a simple rollover effect, just changing the background color. However i dont know how to control the size of the effect. Currently it is off center on the word, meaning it is extending below the word farther than it is extending above word. How do i control the size and positioning of the effect. would really appreciate some learning. thanks.

    this is my current code:
    .navigation {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background-color: #267400;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 15px;
    }
    .navigation:hover {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background-color: #C69A03;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 15px;
    }
    Its not "Mitch-ed" stupid....its Me-Show.

  • #2
    You just need Height and Width values to control the size of your rollover effect.
    Ned Yeung, A.C.E.
    mediamainline.com
    cyclopsphoto.ca

    Comment

    Search

    Collapse

    Sponsor

    Collapse

    Incredible Stock

    Latest Topics

    Collapse

    • iyiyi
      Your Favorite Graphic Design Book
      iyiyi
      I know this can span a wide variety of topics, but I'm curious what your favorite design book is.
      My focus is branding and logo design, but trying to build a library of design books.

      ...
      Today, 09:08 PM
    • PrintDriver
      Comment on I am feeling frustrated in my job search?
      PrintDriver
      The point at which no one is able to make a living in a once thriving profession. Your ''secondary skill'' definition would be that cliff.
      Today, 06:45 PM
    • PrintDriver
      Reply to Exhibit text, large format
      PrintDriver
      There is no ''general rule''

      The idea is not to have rivers running through it. Sometimes you have to suggest to the client that they might have to change a word here and there (as long as...
      Today, 06:38 PM
    • designzombie
      Comment on I am feeling frustrated in my job search?
      designzombie
      I predict that the worse case scenario is graphic design reduced to secondary skill status.

      What is ''the cliff?''
      Today, 05:43 PM
    • KitchWitch
      Reply to Exhibit text, large format
      KitchWitch
      Hi Moniker and welcome to GDF.

      We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done...
      Today, 03:30 PM
    GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
    Working...
    X