Jump to content

text styles


russia5

Recommended Posts

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;

}

Link to comment
Share on other sites

 

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>                

Link to comment
Share on other sites

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?

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.