Css links

**Tomahock** · 01-29-2007, 03:54 PM

hello!

I got several links, but in some links i whant a specifc think!

on mouse over i whant a color, and in others links i whant another color.

Can anyone give me a tip?

i'm using

a:hover {color: #FF00FF}

but i need two diferents

thks

**LadynRed** · 01-29-2007, 04:08 PM

Create a class for the 'other' color you want:

.otherColorLink a:hover{
background: #8BA0BE; }

In your html: a class="otherColorLink"

**Tomahock** · 01-29-2007, 04:29 PM

it result in a aspect but destroy other!

i whant change only the links in the header banner, i've tried very things and i have this code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    background-image: url(imagens/pagebag1.png);
    background-repeat: repeat-x;
    background-color: #bce27f;

}

.lk a:hover{color:#FFFFFF;}
.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {color: #FFFFFF}
.style3 {
    color: #a3d2dd;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.style5 {
    color: #a3d2dd;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    hover: #ffffff;
    text-decoration: none;
}
-->
</style>
</head>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th scope="col"><img src="imagens/topo-b.gif" width="800" height="160" /></th>
  </tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="35"><div align="center"><span class="style1"><span class="style2"></span></span></div></td>
    <td width="121" bgcolor="#000000"><div align="center"><span class="style5"><a href="www.google.com" class="style5">NOVIDADES</a></span></div></td>
    <td width="121" bgcolor="#000000"><div align="center" class="style5">DESCRI&Ccedil;&Atilde;O</div></td>
    <td width="121" bgcolor="#000000"><div align="center" class="style5">EQUIPA</div></td>
    <td width="121" bgcolor="#000000"><div align="center" class="style5">PROJECTOS</div></td>
    <td width="123" bgcolor="#000000"><div align="center" class="style5">CONTACTOS</div></td>
    <td width="121" bgcolor="#000000"><div align="center" class="style5">EST&Aacute;GIOS</div></td>
    <td width="37"><div align="center"><span class="style1"><span class="style2"></span></span></div></td>
  </tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="35" height="80">&nbsp;</td>
    <td width="728" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="37">&nbsp;</td>
  </tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="35">&nbsp;</td>
    <td width="175">&nbsp;</td>
    <td width="190">&nbsp;</td>
    <td width="363">&nbsp;</td>
    <td width="37">&nbsp;</td>
  </tr>
</table>
</body>
</html>

do you understand what i want to do?

**LadynRed** · 01-29-2007, 04:32 PM

So, you define it as:

#header .otherColorLink a:hover

That tells it to ONLY apply the style to links hovered inside the #header div

**Tomahock** · 01-29-2007, 04:56 PM

but it isn't possible to create a class that includes the on over color the not-underlined?

**LadynRed** · 01-30-2007, 04:19 PM

text-decoration: none = no underline and you can add that rule to any class definitions.