#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2004
    Posts
    3
    Rep Power
    0

    Need help with CSS menu


    Hi, need some help trying to make menu words in mouseover to move 12 px to the right.
    What i want to make is like this menu example:
    http://demo.rockettheme.com/nov09/?tstyle=style1&bgstyle=full

    I been using this code, it look like works, but the part when text move to right is missing.

    Code:
    a.menu:link { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:active { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:visited { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:hover { color: #07A7A7; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px }
    I will apreciate your help
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2010
    Posts
    3
    Rep Power
    0
    without seeing the html, i would say try adding padding-left:10px; but that may screw things up, with width.

    .menu a span {padding-left:12px;}

    on another note, i think the arrow moving how it is, rather than both arrow and text moving, will look better.

    Originally Posted by lenarcie
    Hi, need some help trying to make menu words in mouseover to move 12 px to the right.
    What i want to make is like this menu example:
    http://demo.rockettheme.com/nov09/?tstyle=style1&bgstyle=full

    I been using this code, it look like works, but the part when text move to right is missing.

    Code:
    a.menu:link { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:active { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:visited { color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px } a.menu:hover { color: #07A7A7; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px }
    I will apreciate your help

IMN logo majestic logo threadwatch logo seochat tools logo