Solved

CSS -Hover Links / 2 types on the same page

Posted on 1999-01-28
4
232 Views
Last Modified: 2013-12-03
Hi
I'm using a externe StyleSheet to get some Hover Links on some pages.

However on one particular page I need to have another color on the Hover Links, or the even better, a possibility to use the "normal" link style.

Is there some kind of a "dont use the style for this" TAG?

Hope someone can help me realize this!

Thank you
Jörgen Aström


-----------------
This is the style I use:

A:LINK  {
      color : #40FFFF;
      text-decoration : none;
      font-weight : bold;
}

A:VISITED  {
      color : #40FFFF;
      font-weight : bold;
      text-decoration : none;
}

A:Activ  {
      color : #40FFFF;
      font-weight : bold;
      text-decoration : none;
}

A:Hover  {
      font-weight : bold;
      color : orange;
      

}
0
Comment
Question by:jastroem
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 4

Accepted Solution

by:
rafistern earned 60 total points
ID: 1845769
You should be able to override the external sheet by putting:

A:Hover  {
}

as an inline style sheet after the included external one. If that doesn't work, put:

A:Hover  {
  font-weight:normal;
  color:black;
}

0
 

Author Comment

by:jastroem
ID: 1845770
Hi

I'm sorry...
I didn't explained clearly enough. I need inside the SAME page to use the Link Style defined in the Style Sheet. And on the same page I need ALSO the "normal" link style.

One Page - two sort of link styles.

Sorry for the inconvenience.

Cheers
Jörgen
0
 
LVL 4

Expert Comment

by:rafistern
ID: 1845771
Try this

<head>
<style>
a:hover{
      font-weight:bold;
}

a.no:hover{
      font-weight:normal;
      font-style:italic;
}
</style>
</head>
<body>
<a href="javascript:void(0)">a link</a>
<p><a href="javascript:void(0)" class="no">a link</a>
</body>

0
 

Author Comment

by:jastroem
ID: 1845772
Dear rafistern

Thanks a lot, it works just great!

Cheers Jörgen
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

729 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question