Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



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

Posts: 11
Trades: 0
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
 
 
Register now for full access!
Old 01-29-2007, 04:08 PM Re: Css links
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-29-2007, 04:29 PM Re: Css links
Novice Talker

Posts: 11
Trades: 0
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
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-29-2007, 04:56 PM Re: Css links
Novice Talker

Posts: 11
Trades: 0
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
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
text-decoration: none = no underline and you can add that rule to any class definitions.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Css links
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

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





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



Page generated in 0.24757 seconds with 12 queries