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

  • alexthefourth
    Reply to Are you able to read the text?
    alexthefourth
    what would you suggest to make it easier to read?
    Today, 10:33 PM
  • salsa
    Reply to Are you able to read the text?
    salsa
    While I CAN read it, it's not the easiest thing to read. I'm young-ish and have 20/20 vision with my contacts. A lot of people with less than perfect vision are going to struggle with this.
    ...
    Today, 10:06 PM
  • <b>
    Reply to Re Branding my personal logo.
    <b>
    It took me a few seconds of looking before I saw the SB in the logo. Instead, I focused right in on the white shape, which, to me, looks sort of like the ghost of Mickey Mouse or, maybe, the torso of...
    Today, 08:50 PM
  • kemingMatters
    Reply to Paper Bags
    kemingMatters
    Location can make a huge difference, where are you located?

    Are you okay with off-shoring?

    Was it Macy's that had some note crazy about the horrible working conditions tucked...
    Today, 08:13 PM
  • kemingMatters
    Comment on Tablet+phone combo
    kemingMatters
    A friend of mine swears by HTC, they were still more expensive than google's (LG's) Nexus5 which has similar specs. If you go the nexus route I suggest that you buy directly from the googe, in Canada...
    Today, 08:09 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. call (212) 389-2000 or email us
    Working...
    X