CSS question

[sturmkatze]

So, in the css file, can I add a statement in the code below to make JUST that part have the links a diff colour? I was thinking w/ the cascading part, that it would be yes, but how do I go about it?

Code Select Expand

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: solid 1px #ffffff;
background-color: #fff8dc;
}

Could I just enter new <a:> <visited> and <hover> declarations in here and then (my plan is) they would ONLY show up here, in this section? AM I right in thinking that's how it might work? I'm kinda trying to think this thru and figure it out. I really appreciate the help... Make sit fun again, a real challenge. As long as I can win and not have the code beat me in the end

[IchBin]

IF I understand what you're asking, you need to another class with a reference to the a tag.
.tborder a
{
      css code here
}

OR
.tborder a:hover
{
    css code here.
}

This will only change the links where it is within or inherited from the tborder class.

[sturmkatze]

Okay, I muffed it.  Here's what I tried below... and attached is the style sheet I was modding

Code Select Expand

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: solid 1px #ffffff;
background-color: #fff8dc;
}
.tborder a:link
{
color: 800000;
text-decoration: none;

}
.tborder a:visited
{
color: CD5C5C;
text-decoration: none;

}
.tborder a:hover
{
color: FF00FF;
text-decoration: underline;

}

[IchBin]

What do you mean you muffed it up? Whats wrong? Can you explain it please? Link to what you're trying to do, and tell us whats going on.

[sturmkatze]

What do you mean you muffed it up? Whats wrong? Can you explain it please? Link to what you're trying to do, and tell us whats going on.

By that, I mean it didn't work. Here is the site w/ theme (AEF) http://www.great-war.org/index.php?theme=8 I want the table in the center (main area) to have the links visible. Everywhere else is white, fine. Works. In the box, it's STILL white links and they don't look right. D'OH! I thought I could just add the declaration to it, or class or whatever (see attached css file in my last post) and it would work

[IchBin]

sturm, you need to be detailed man. You're vague descriptions are really hard to understand. I spend most of my time trying to figure out what you're talking about. You'll notice with firebug, the link at the bottom of that page that is white, is not using the .tborder class, its using the a:link class by itself. I can only guess which links you're talking about though, as I have no idea what you're referring to.

I think that you're going about things the right way. Its just that you have to find the right colors in the right places to make things work. IF you have an article with a link it it, (like you do on the page that you linked to), it automatically inherits from the classes associated with it. You just have to remember that there is an order of precedence. I'll try to illustrate in a code block.

Code Select Expand


<div class="tborder">
    <a href="">Link #1</a>
    <div class="custom">
         <a href="">Link #2</a>
    </div>
</div>


To just make a point, Link#2 will not use .tborders class just because its inside the same div. It will use the class that is associated with its parent object (which is custom).

In your setup, your links are inheriting the white text because you have not set a link color in the .tborder color. HOpe that helps.

[sturmkatze]

you realize I barely have an idea what your talking about :-( I will try and make a screen capture and point out what I'm after. This is why CSS drives me nuts--I don't understand it beyond a point. I'll try and fool w/ it tonite... gotta run out of here (and hope my car will start this AM)

[sturmkatze]

FRAK! Now it changed ALL the links... not just the ones in the main box part. Got it back so it's at least readable... Done for this AM... >:-(