www.webdeveloper.com
Results 1 to 4 of 4

Thread: Hover

  1. #1
    Join Date
    Apr 2005
    Location
    Behind my DiGiCo SD7 Console
    Posts
    900

    Hover

    Hello

    I have a nav bar on my site right now.
    When you hover it changes the text color to white

    On the HERE id (the page you are on)
    Is there a way not to make it change the text to white when I hover over it?
    Registered Linux User: #463250
    -----------------
    HELPFUL LINKS
    PHP - http://www.php.net
    Website Color Schemer - http://www.colorschemer.com/online.html

  2. #2
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Yes, of course. Please show us your code.

    Edit: I remembered you posted a link to the page you are referring to in another thread.
    http://djshawnmichaels.com/new_site

    Code:
    ul#menu li a#here:hover {
      color: #000;
    }
    Last edited by Kravvitz; 02-02-2006 at 09:55 PM.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

  3. #3
    Join Date
    Apr 2005
    Location
    Behind my DiGiCo SD7 Console
    Posts
    900
    Thats what I have.

    So when it hovers in the "here" area, I just want black text and no white

    HTML Code:
    ul#menu li a:hover {
    ul#menu {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 770px;
    }
    ul#menu li {
      border: 2px solid #333;
      border-left: 0;
      float: left;
      width: 110px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 108px;
    }
    ul#menu li#last {
      border-right: 0;
      width: 110px;
    }
    ul#menu li a {
      background: #EB7500;
      background: url('http://djshawnmichaels.com/new_site/images/texturemain1.jpg');
       background-position: 0 50%;
      color: #000;
      display: block;
      padding: 4px 0;
      position: relative;
      text-align: center;
      text-decoration: none;
      width: 100%;
    }
    ul#menu li a:hover {
    color: #FFF; 
      background-position: 0 0%;
      font-weight:bolder; 
    }
    ul#menu li a#here {
    font-size: 1.0em;
    font-weight:bolder;
    background-position: 0 100%; 
    }
    }
    Registered Linux User: #463250
    -----------------
    HELPFUL LINKS
    PHP - http://www.php.net
    Website Color Schemer - http://www.colorschemer.com/online.html

  4. #4
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Read my post again. Perhaps you didn't notice that I had edited it.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles