Jump to content

Link Color Set Problem


RainsMirage

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...