Announcement Announcement Module
Collapse
No announcement yet.
CSS rollover Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • PrintDriver
    Reply to Career Direction Input
    PrintDriver
    CAD design is an odd term. CAD=Computer Aided Design and usually refers to software used to draw up 3D modular design.
    We have 3 CAD departments here where I work. One is Solidworks based and does...
    Today, 11:28 AM
  • PrintDriver
    Reply to Opinions on My Logo?
    PrintDriver
    Which group of millennials are you targeting? Because not all millennials are the same. I posted an article here recently where the author had identified 5 subgroups of millennials and targeting for each...
    Today, 11:13 AM
  • Red Kittie Kat
    Reply to What font is this?
    Red Kittie Kat
    Looks like Berling LTStd Bold... with a funky T. It's either been altered or from a different font.
    Today, 08:44 AM
  • Judy Smith
    Reply to The ad I posted in classifieds was not posted
    Judy Smith
    On the post, I had linked to a thread on this forum, wherein someone advised me to post the term "volunteer" in the subject line of the classifieds section....
    Today, 03:33 AM
  • PanToshi
    Reply to First Time App Project Advice Needed
    PanToshi
    Welcome to GDF dude

    We ask all new members to read the very important links here and here. These explain the rules and how the forum runs. No, you haven't done anything wrong, we ask every...
    Today, 02:17 AM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • 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

    Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
    Working...
    X