Display copyright text INSIDE the footer?

On my site, LucasCP.com/store, there is copyright text placed at the bottom of the page. The annoying thing is that it is right on top of the bottom of the footer and I want it to be displaying inside the footer as you may have guessed. Any help with this will be much appreciated.

 

Looks like you have an extra <p></p> class in the footer that is causing the text to move down

<div id="footer">
<p></p> <---This one is causing the spacing
<center>Copyright © LucasCP.com 2013. All rights reserved. | <a href="http://www.lucascp.com/terms-of-service/">Terms of Service</a><p></p></center>
</div>

Code (markup):

Try doing something like this:

<div id="footer">
<p style="text-align: center;">Copyright © LucasCP.com 2013. All rights reserved. | <a href="http://www.lucascp.com/terms-of-service/">Terms of Service</a></p>
</div>

Code (markup):

 

The above should be enough for you, but to work cross browser something like this might be more approriate.

<div id="footer">
<p class="footer">Copyright © LucasCP.com 2013. All rights reserved. | <a class="footer" href="http://www.lucascp.com/terms-of-service/">Terms of Service</a></p>
</div>

Code (markup):

Then your css file should have the footer text as follows

 
#footer {
background:url(http://lucascp.com/store/images/footer-image.png) no-repeat;
margin:0 auto 10px;
width:966px;
height:13px;
padding:15px;
}
#footer p{
text-align: centre;
margin-bottom: 10px;
}

Code (markup):

This should give you the layout that you need without any issues in any browser

 

I tried that. I use Google Chrome and I don't know if it looks the same for you, but it's just taken the text back to where it was.

 

Sorry I didnt quite put it right just texted and works fine for me with the following.

 
<div id="footer">
         
          <p>Copyright © LucasCP.com 2013. All rights reserved. | <a href="http://www.lucascp.com/terms-of-service/">Terms of Service</a></p>
 
      </div>

Code (markup):

 
#footer {
background:url(http://lucascp.com/store/images/footer-image.png) no-repeat;
margin:0 auto 10px;
width:966px;
height:13px;
padding:15px;
}
 
#footer p{
  text-align:center;
  margin-top:0px;
}

Code (markup):

Hope this gets you everything you need

 

Again, it's the same. :L

 

you didnt change your style.css? Or didnt upload it? lol, on your live copy i still see the centre tags in the footer and your style sheet doesnt include the footer p stuff. try it and upload it, when its done let me know and ill look here.

I downloaded it changed and tested it here at my computer all works fine in chrome, firefox and safari

 

It says I've uploaded it. Could you check now?

 

you may not be putting it in the correct folder because it still shows that the old stye.css is there with no update, you can pm me the ftp details and i wil upload a modified one for you if you are having issues? I don't mind doing a quick freebie lol