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

  • BillyLogan
    Reply to Oh Portland!
    BillyLogan
    Great work! My only concern is that it does not seem to have a focus subject on it. Add something really cool or highlight something you want to emphasize. Aside from that, I find it really artistically...
    Today, 01:45 AM
  • BillyLogan
    Reply to How to choose a good graphic design for a web design company?
    BillyLogan
    Designing is both a skill and a talent. It is naturally God-given but you can study about it some more to enhance it. I suggest that you go and study first about the basics, line, color, typography and...
    Today, 01:43 AM
  • megoggsc
    Oh Portland!
    megoggsc
    This is something fun I did to remember my trip to Portland!...
    Today, 12:36 AM
  • Buda
    Reply to Howdy from Texas!
    Buda
    What is the project and what is the product? Most companies protect their copyright quite vigourously. Even if you don't get caught, there's always a chance.

    Could your project be considered...
    Yesterday, 11:46 PM
  • Buda
    Reply to Education consultancy logo
    Buda
    I prefer the first design concept, it just needs a bit more style to get it looking less generic.

    This one's wings look like deformed human hands.
    Yesterday, 11:43 PM
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.
    Working...
    X