SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member thedesignworld's Avatar
    Join Date
    Jul 2005
    Location
    Ontario, Canada
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Visited Links wont hover?

    I got my button problem fixed but when I click a page thats active and then view it, it doesnt allow hover, just stays white?

    http://www.design-this.com/v2

    http://www.design-this.com/v2/tutorials.php

    click tutorials then click the home page again then put your cursor over the navigation....

    The css class is named style1 and here is my whole css.css code:

    Code:
    td {
    	text-align: left;
    	font-family:Verdana;
    	font-size:9px;
    	color:#788086;
    }
    
    .style1 {
    	font-family: Verdana;
    	font-size: 10px;
    	color: #FFFFFF;
    }
    
    .footer {
    	font-family: Verdana;
    	font-size: 10px;
    	color: #FFFFFF;
    }
    
    body { 	margin:0px;padding:0px;	
    background-image: url(images/bg_33.jpg);
     background-repeat: repeat-y;
    background-position: top center;
    	background-color: #2B2F32;
    }
    .copy{
    font-family:Arial;
    font-size:10px;
    color:#F5C580;
    text-decoration:none;
    }
    
    a:link {
    	text-decoration: none;
    	color: #BFCDD0;
    }
    a:visited {
    	text-decoration: none;
    	color: #BFCDD0;
    }
    a:hover {
    	text-decoration: none;
    	color: #D8E6E9;
    }
    a:active {
    	text-decoration: none;
    	color: #BFCDD0;
    }
    
    a.style1:link {
    	text-decoration: none;
    	color: #ffffff;
    }
    
    a.style1:hover {
    	text-decoration: none;
    	color: #FFD200;
    }
    
    
    a.style1:active {
    	text-decoration: none;
    	color: #ffffff;
    }
    a.style1:visited {
    	text-decoration: none;
    	color: #ffffff;
    }
    .style1 a {
    display: block;
    height: 28px;
    line-height: 29px;
    }
    
    a.footer:link {
    	text-decoration: none;
    	color: #ffffff;
    }
    
    a.footer:hover {
    	text-decoration: none;
    	color: #FFD200;
    }
    
    
    a.footer:active {
    	text-decoration: none;
    	color: #ffffff;
    }
    a.footer:visited {
    	text-decoration: none;
    	color: #ffffff;
    }
    
    a.register:link {
    	text-decoration: none;
    	color: #ffffff;
    }
    
    a.register:hover {
    	text-decoration: none;
    	color: #FFD200;
    }
    
    
    a.register:active {
    	text-decoration: none;
    	color: #ffffff;
    }
    a.register:visited {
    	text-decoration: none;
    	color: #ffffff;
    }
    .register a {
    display: block;
    height: 26px;
    line-height: 26px;
    }
    Music Videos - A to Z Music Videos

  2. #2
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to put them in the right order. :link, :visited, :hover, :active (LoVe HAte), with :focus before or after :hover depending on the desired result.
    Simon Pieters

  3. #3
    SitePoint Member thedesignworld's Avatar
    Join Date
    Jul 2005
    Location
    Ontario, Canada
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sweet it worked, thanks for the heads up zcorpan. I had no clue they had to be in a certain order.
    Music Videos - A to Z Music Videos


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
  •