Wordpress Themes - Debt Consolidation - Spanish Property - Gavin Newsom - Apartment Budapest

PDA

View Full Version : Is this possible in CSS?


ian_ok
Mar 19th 2005, 10:19 am
I have all my link partners listed within a <td> </td> is it possible make all the text a certain colour font size etc and then to also make the LINKS follow a certain patern for hover visited etc.

At the moment I have it like this:
<td class="text">

<a class"link" href...........etc></a> </td>

So what I want it to have just one class and for it to take effect on both conditions (text and links within the <td>).

Ian

Lever
Mar 19th 2005, 10:24 am
Did you sort your h1 problem (http://forums.digitalpoint.com/showthread.php?t=11508) in the end... we don't seem to have closure on that one ;)

J.D.
Mar 19th 2005, 10:31 am
Define a class for the container element and then use child selectors to modify links' properties. For example:

table.links-container {...}
table.links-container td a {...}
table.links-container td a:hover {...}

J.D.

ian_ok
Mar 19th 2005, 11:14 am
Did you sort your h1 problem (http://forums.digitalpoint.com/showthread.php?t=11508) in the end... we don't seem to have closure on that one ;)

Just tested it and replied, sorry for the delay in saying thanks Lever.

Ian

Lever
Mar 19th 2005, 11:50 am
Now worries :) As J.D. rightly points out, I used a .header a:link, a:visted {} style, which obviously means that your normal, unvisited, unclicked links in the header will look the same as your visited links in the header - from an aesthetic POV that's cool, but from a usability POV you may wish to slightly differentiate between the two ;) <edit>Or even obviously differentiate...</edit>

ian_ok
Mar 20th 2005, 12:58 am
Thnaks everyone, as I slowly get use to using css more I understand more!

As the site is very new I have been able to change a few things, this is what I'm doing:

<td class="text"></td> Which is for the type of text and size

.text {
font-family: Tahoma;
font-size: 12px;
}


And then:
a:active {font-family: Tahoma; font-size: 12px; color:#006699; TEXT-DECORATION: none }
a:link {font-family: Tahoma; font-size: 12px; color:#006699; TEXT-DECORATION: none }
a:visited {font-family: Tahoma; font-size: 12px; color:#006699; TEXT-DECORATION: none }
a:hover {font-family: Tahoma; font-size: 12px; color:#ff9933; TEXT-DECORATION: none;}

Thanks.

Ian