SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 29 of 29
  1. #26
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Calgary
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I fixed the font situation by doing this:

    ul#nav li a {
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color:#0C2577;
    background: #F6F6F6;
    padding: 5px;
    border: 1px solid #0C2577;
    border-bottom: 0;
    }


    Now, if i can get the background of each menu cell to change when cursor is on it i'll be all set!

  2. #27
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,289
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    As I can't see all your code as its spread all over 2 pages lol I'll just guess that you want to change color on hover.
    Code:
    ul#nav li a:hover {
    background:red;
    }
    Paul

  3. #28
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Calgary
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    That works perfectly, and if I say for the font color to change within that location it works too. I guess I will learn more as I go along, I've only been into this for a few weeks. I hope I can find you again if I have questions, you guys are both very good!

    Do you see anything in the styles.css that isn't necessary that I can eliminate:


    /* CSS Document */

    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; height: 1%; }
    * html ul li a { height: 1%; }
    /* End */ed

    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    }
    ul li {
    position: relative;
    }
    li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
    }
    ul#nav li a {
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color:#0C2577;
    background: #F6F6F6;
    padding: 5px;
    border: 1px solid #0C2577;
    border-bottom: 0;
    }
    ul#nav li a:hover {
    background:red;
    font-size: 3px;
    }
    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    border-bottom: 1px solid #0C2577;
    }
    li:hover ul, li.over ul {
    display: block; }

  4. #29
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,289
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Glad you got it working

    I'm not sure why you want to change the font-size on hover but I guess you have your reasons

    If you have specific css questions then post in the css forum and someone will help You should look through the faq there as they will answer some of your basic css questions.

    If your question is js related then post here but avoid cross posting (e.g.linking to posts in other forums) as it isn't allowed.

    Paul


Bookmarks

Posting Permissions

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