RainsMirage Posted February 23, 2010 Share Posted February 23, 2010 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 More sharing options...
Synook Posted February 23, 2010 Share Posted February 23, 2010 It's just color - there is no such thing as font-color. Link to comment Share on other sites More sharing options...
needesigns Posted February 23, 2010 Share Posted February 23, 2010 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 More sharing options...
Err Posted February 25, 2010 Share Posted February 25, 2010 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.