Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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 (right side menu, big words):
    http://demo.rockettheme.com/nov09/?t...1&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 }

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Can we have a link to your page?
    Meanwhile take a look at the usage of CSS pseudo classes at http://www.w3schools.com/CSS/css_pseudo_classes.asp
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Oct 2009
    Posts
    23
    Thanks
    0
    Thanked 1 Time in 1 Post
    Hello,

    Please visit the following sites to see if they can help you out:

    http://www.wpdfd.com/issues/70/css_from_the_ground_up/
    http://www.csszengarden.com/
    http://www.alistapart.com/topics/design
    http://www.w3schools.com/css/default.asp

    Hope this helps!!!
    CoffeeCup.com

  • #4
    New Coder
    Join Date
    Jan 2010
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes. It's best to visit the sites the previous commentators had provided. If you want your menu to have the black bg, you can always set it in 'a' tag or 'a:hover'.. {background-image:url(location);}

    Visit the sites so you can have the detailed information.



    -chefs
    Last edited by oracleguy; 01-11-2010 at 03:25 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •