text styles

russia5 · January 12, 2008

Hello, My site is www.russiansweets.us I can not figure out what is giving me the black font color and style in the right nav menu. "Copywrite" (below search by ID.) can anyone tell me the style of this print? Thanks

Below is the HTML



  <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
                    
                    <table>
                  <tr>
                   <a href="contact.us.php">Contact Us</a>
                  <tr/>
                  <tr>
                  <td>
                  Copyright 2007 <a href="http://www.russiansweets.us">Russian Sweets</a><br />
                  </td>
                  </tr>
                  </table>

Here is the CSS for the page.

body { font-family: Verdana, Helvetica, sans-serif; }
form { margin: 0px }
table { 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 13px;
}

a.paginglink, a.paginglink:hover, a.paginglink:visited {
font-size: 13px;
font-weight: bold;
color: #0099FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

a.photolink, a.photolink:hover, a.photolink:visited {
font-size: 13px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.ulinedtd { border-bottom: 1px #dddddd solid; }

.style {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
.linktext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.bluetext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #003366;
text-decoration: none;
}
.orangetext {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #CA5100;
text-decoration: none;
}

A
{
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #993300;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

input
{
border-left : 1px solid  #000000; 
border-right : 1px solid #ffffff;
border-top : 1px solid #ffffff;
border-bottom: 1px solid #000000;
text-decoration:none;

}

phpQuestioner · January 12, 2008

is this what you were wanting?

<!-- CSS -->


<style type="text/css">
body { font-family: Verdana, Helvetica, sans-serif; }
form { margin: 0px }
table { 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 13px;
}

a.paginglink, a.paginglink:hover, a.paginglink:visited {
font-size: 13px;
font-weight: bold;
color: #0099FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

a.photolink, a.photolink:hover, a.photolink:visited {
font-size: 13px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.ulinedtd { border-bottom: 1px #dddddd solid; }

.style {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
.linktext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.bluetext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #003366;
text-decoration: none;
}
.orangetext {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #CA5100;
text-decoration: none;
}

A
{
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #993300;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

input
{
border-left : 1px solid  #000000; 
border-right : 1px solid #ffffff;
border-top : 1px solid #ffffff;
border-bottom: 1px solid #000000;
text-decoration:none;

}

.copyrite
{
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
</style>


<!-- HTML -->


  <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
                    
                    <table>
                  <tr>
                   <a href="contact.us.php">Contact Us</a>
                  <tr/>
                  <tr>
                  <td class="copyrite">
                  Copyright 2007 <a href="http://www.russiansweets.us">Russian Sweets</a><br />
                  </td>
                  </tr>
                  </table>

russia5 · January 12, 2008

Thanks for the response. I believe the body { font-family: Verdana, Helvetica, sans-serif; } is where the "copywrite 2007" is getting its styling from. There is no style for color so maybe it defaults to black. What I want to do, is to make the anchors in this one spot black. I have looked quite a bit, and I do not see a way to style them inline with html like a <p> (I believe if you inline style a <p> it overrides the external stlye sheet styling. Anyway, I need to be able to change those anchors to be of the same style as the Copywrite 2007 Anybody know how?

russia5 · January 12, 2008

I added


A.one
	{
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }
    A.one:hoover
    {
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

Then to the anchors I added

<td>
  <a class="one" href="disclaimer.php">Disclaimer</a>
  </td>

and I got no results

russia5 · January 12, 2008

I have also changed my declareation to COLOR: black; and still have not got it to change. I believe it must be getting formatted from another css statement somehow.

phpQuestioner · January 12, 2008

try this:


a.one
	{
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

a.one:link
	{
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

a.one:visited
	{
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

    a.one:hover
    {
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

a.one:active
	{
    COLOR: #FFFFFF;
	    FONT-FAMILY: Arial, Verdana, Helvetica;
	    FONT-SIZE: 13px;
	    FONT-WEIGHT: bold;
	    TEXT-DECORATION: none
    }

this should always make you link black.

russia5 · January 12, 2008

Thanks but did not work. I am still getting red text. For some reason, it is not seeing the a.one style and I think it is still seeing the A style. ???

phpQuestioner · January 13, 2008

this will work; you will have to add all your other styles:

<style type="text/css">
a.one {
color: black;
text-decoration: none
}
a.one:link {
color: black;
text-decoration: none
}
a.one:visited {
color: black;
text-decoration: none
}
a.one.hover: {
color: black;
text-decoration: none
}
a.one.active {
color: black;
text-decoration: none
}
</style>

<a class="one" href="http://www.google.com">Google</a>

and if you have a inline style in this particular href; the inline style will dominate the embedded and external css.

AndyB · January 13, 2008

Do note that the correct order for declaration of links styles is:

Link

Visited

Hover

Active

The mnemonic LoVe HAte will help you remember.

And @russia5, note that it's hover not hoover (as your posted code reads)

Sign In

text styles

Recommended Posts

russia5

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

russia5

Link to comment

Share on other sites

russia5

Link to comment

Share on other sites

russia5

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

russia5

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

AndyB

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information