Jump to content

Link Color Set Problem


RainsMirage
 Share

Recommended Posts

I am having issues getting my footer to color. I have it set to a sand color and sand color and white for the links. This is my Style Sheet

Body {Margin: 10px;Background: #000000;}#container {  margin: 0 auto;  width: 760px;  }#masthead {  position: relative;  width: 800px;  height: 446px;  background: url(http://www.mindlesswandering.islesofatlantis.net/layouttwo_title.jpg) repeat-x;}#content {Float: left;width: 50%;background-color: #efd880;    font-color: #000000;    font-size: 17px;    font-family: Calibri,Giddyup Std, Harrington;}#sidebar {  Float: left;  width: 49.9%;   background-color: #beae70;    font-color: #000000;    font-size: 17px;    font-family: Calibri,Giddyup Std, Harrington;}.shell {  margin: 0 auto;  width: 85%;  font-color: #FFFFFF;    font-size: 17px;    font-family: Calibri,Giddyup Std, Harrington;  )    #footer {    padding: 8 px 0 1 em;    font-color: #beae70;    font-size: 17px;    font-family: Calibri,Giddyup Std, Harrington;  }#footer A:link{ text-decoration: NONE; color:#beae70}#footer A:visited{ text-decoration: None; color:#ffffff}#footer A:active{ text-decoration: NONE; color:#beae70}#footer A:hover{ text-decoration: underline; color:#ffffff} }

This is my Html code

<html><head>  <link rel="stylesheet" type="text/css" href="css_layout_two.css" /></head><body><div id="container">  <div id="masthead"></div>  <div id="content">       <div class="shell">Content on this side of the design</div>       </div>  <div id="sidebar">       <div class="shell">Sound, video, etc will con on in this section</div>       </div></div><div id="footer">  <br><br><br><br>  <table border="2" bordercolor="fbcbe0" color="beae70" cellspacing="0" cellpadding="0">  <tr>  <td>  Content and images is sole property of Rains Mirage. The Picture of Atem, the King of Games is K/Shibata. It was found but can no longer be found at <A href="www.http://www.janime.info">Janime: Yu-Gi-Oh Community</a>  </td>  </tr>  </table>  </div></body></html>

I can't see what I am doing wrong. I almost copied my other style sheet for the links and such. That sheet works fine.

Link to comment
Share on other sites

You have made a simple mistake. just paste the following code for css. you haven't close the ".shell" class with correct tag. Body {Margin: 10px;Background: #000000;}#container {margin: 0 auto;width: 760px;}#masthead {position: relative;width: 800px;height: 446px;background: url(http://www.mindlesswandering.islesofatlantis.net/layouttwo_title.jpg) repeat-x;}#content {Float: left;width: 50%;background-color: #efd880;font-color: #000000;font-size: 17px;font-family: Calibri,Giddyup Std, Harrington;}#sidebar {Float: left;width: 49.9%;background-color: #beae70;font-color: #000000;font-size: 17px;font-family: Calibri,Giddyup Std, Harrington;}.shell {margin: 0 auto;width: 85%;font-color: #FFFFFF;font-size: 17px;font-family: Calibri,Giddyup Std, Harrington;}#footer {padding: 8 px 0 1 em;font-color: #beae70;font-size: 17px;font-family: Calibri,Giddyup Std, Harrington;}#footer A:link{ text-decoration: NONE; color:#beae70}#footer A:visited{ text-decoration: None; color:#ffffff}#footer A:active{ text-decoration: NONE; color:#beae70}#footer A:hover{ text-decoration: underline; color:#ffffff}

Link to comment
Share on other sites

Please note that CSS is case-sensitive, there is a difference between "Body" and "body". Best bet is to lowercase all CSS and HTML code.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...