Reply
Old 01-29-2007, 03:54 PM Css links
Novice Talker

Posts: 11
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
Tomahock is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 01-29-2007, 04:08 PM Re: Css links
LadynRed's Avatar
Super Moderator

Posts: 6,743
Location: Tennessee
Create a class for the 'other' color you want:

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

In your html: a class="otherColorLink"
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-29-2007, 04:29 PM Re: Css links
Novice Talker

Posts: 11
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?
Tomahock is offline
Reply With Quote
View Public Profile
 
Old 01-29-2007, 04:32 PM Re: Css links
LadynRed's Avatar
Super Moderator

Posts: 6,743
Location: Tennessee
So, you define it as:

#header .otherColorLink a:hover

That tells it to ONLY apply the style to links hovered inside the #header div
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-29-2007, 04:56 PM Re: Css links
Novice Talker

Posts: 11
but it isn't possible to create a class that includes the on over color the not-underlined?
Tomahock is offline
Reply With Quote
View Public Profile
 
Old 01-30-2007, 04:19 PM Re: Css links
LadynRed's Avatar
Super Moderator

Posts: 6,743
Location: Tennessee
text-decoration: none = no underline and you can add that rule to any class definitions.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Css links
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.13649 seconds with 12 queries