set text color

larry · July 7th, 2004, 10:33 AM

I would like to set the color on this to white. [u]I have tried the following but it didn't work</u>. I would like to stay away from using the Close Window tags.

<div style="text-align: right color: white;"><a href='javascript:top.close()'>Close Window</a></div>

Rudy

ChrisScott · July 7th, 2004, 11:10 AM

Hi Rudy,

You need a ";" between "right" & "color"...

text-align: right; color: white;

HTH,

Chris

larry · July 7th, 2004, 11:23 AM

Chris

I tried both of these and still it didn't change the color.

<div style="text-align: right; color: white"><a href='javascript:top.close()'>Close Window</a></div>

<div style="text-align: right; color: white;"><a href='javascript:top.close()'>Close Window</a></div>

Rudy

ChrisScott · July 7th, 2004, 11:35 AM

Hey Rudy,

Sorry, been a long day. That'll be the style of your a tag overriding it, try...

Code:

<div style="text-align: right;"><a style="color: white;" href="#">myLink</a></div>

Cheers,

Chris

larry · July 7th, 2004, 11:56 AM

Yes, Chris that worked.

For browser compatiblity concerns is the syntax on this correct, seems a bit strange

Code:

<div style="text-align: right;"><a style="color: white;" <a href='javascript:top.close()'>Close Window</a></div>

Rudy

ChrisScott · July 7th, 2004, 12:00 PM

Hi Rudy,

No, you only need one a tag...

Code:

<div style="text-align: right;">
    <a style="color: white;" href="javascript:top.close()">
        Close Window
    </a>
</div>

Best regards,

Chris

larry · July 7th, 2004, 12:14 PM

Thanks Chris,

I didn't think the way I had it was right. It did work with the extra (a) tag in IE, but some browsers may not have overlooked it. I'm very new to some of this. Thanks for your help and patience - I have it right now.

Rudy

ChrisScott · July 7th, 2004, 12:27 PM

Hi Rudy,

IE is far too forgiving!!!

Just in case you wanted to play with hover styles etc, this may be of use...

Code:

<style type="text/css">
#CloseLink{
    text-align: right;
}
#CloseLink a{
    color: white;
}
#CloseLink a:hover{
    color: blue;
}
</style>

...

<div id="CloseLink">
    <a href="javascript:top.close()">
        Close Window
    </a>
</div>

Best regards,

Chris

larry · July 7th, 2004, 12:33 PM

Yes Chris, that's just the kind of CSS code I'm looking for. This should look good on the very plain links I have now.

I just started learning and reading about CSS.
Got anymore of this great code I would love to see it.

Thanks again :)

Rudy

qazi_nomi · July 8th, 2004, 01:01 AM

Dear in CSS links are define like this

a.decor6:link {color: #ffffff; text-decoration: none}
a.decor6:visited {color: #ffffff; text-decoration: none}
a.decor6:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #ffffff;

Love 4 all