Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6

Thread: CSS disable

  1. #1
    Junior Member
    Join Date
    Jan 2004
    Posts
    26
    Member #
    4596
    I have a CSS code that makes when someone hovers over a hyperlink it makes it capitalize. I have one link that I don't want it to do that to. Is there a way that I can somehow make CSS ignore that link? Thanks

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    What is the CSS that you are using to capitalize normal inks?
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  4. #3
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    make that link a separate class <a href="#" class="class">, and redefine that in your css as:
    a.class:hover{
    text-transform:none;
    }
    Or whatever it is.. forget the capitalizing code.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  5. #4
    Junior Member
    Join Date
    Jan 2004
    Posts
    26
    Member #
    4596
    What do I put in the # and the "class" spot<a href="#" class="class">

  6. #5
    Junior Member
    Join Date
    Jan 2004
    Posts
    26
    Member #
    4596
    Originally posted by filburt1
    What is the CSS that you are using to capitalize normal inks?
    Code:
    body
    {
    	font-weight: none;
    	background-color: #FFF5BB;
    	color: #2F2B7F;
    	font-family: tahoma; 
    	font-size: 7pt; 
    	line-height: 8pt;
    	scrollbar-arrow-color: navy;
    	scrollbar-base-color: #FFF5BB;
    	scrollbar-dark-shadow-color: #FFF5BB;
    	scrollbar-shadow-color: 99ccff;
    	scrollbar-highlight-color: 99ccff;
    	scrollbar-3dlight-color: #FFF5BB;
    	scrollbar-track-color: #FFF5BB
    }
    
    table
    {
    	font-size: 9pt;
    }
    
    th
    {
    	background-color: #FFF06D;
    	text-align: left;
    }
    
    A:link
    {
    	font-weight: bold;
    	text-decoration: none;
    	color: #3681fd;
    	font-family: tahoma
    }
    
    
    
    A:visited
    
    {
    	text-decoration: none;
    	color: #3681fd;
    	font-family: tahoma
    }
    
    
    
    A:active
    {
    	text-decoration: none;
    	font-weight: bold;
    	color: #639cff;	
    }
    
    A:hover
    
    {
    	cursor: hand;
    	text-transform:uppercase;
    	font-weight: bold; 
    	color:#000000; 
    	font-family: tahoma;
    }
    
    B
    
    {	font-weight: bold;
    	color: #2F2B7F;
    	font-family: tahoma;
    	font-size: 10pt;
    	font-style: normal;
    }
    
    u
    
    {	color: #2F2B7F;
    	font-family: tahoma;
    	font-weight: bold;
    	font-size: 9pt;
    	text-decoration: underline;
    }
    
    i
    
    {	color: #2F2B7F;
    	font-family: tahoma;
    	font-weight: none;
    	font-size: 7pt;
    	font-style: normal;
    }
    
    hr
    
    {	color: #2F2B7F;
    	height: 1;
    	width: 410;
    	border-bottom: SOLID 1pt;
    	border-top: SOLID 1pt navy;
    	border-left: solid 1pt blue;
    }

  7. #6
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    In place of the # sign, put the url of the link you want to be ignored by the capitalize hover. The class="class" can stay the same. Then go to your style sheet and make the class that Brak specified:
    Code:
    a.class:hover{
    text-transform:none;
    }
    Your link should look like this:
    Code:
    <a href="link.html" class="class">Not capitalized text link.</a>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:27 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com