Need help aligning items in footer.

[juledur]

for www.fireflowerphoto.com

This is probably an easy fix, but I'm unsure of the specifics.

I have my copyright info and facebook info centered underneath the main section of the homepage - one is right under the other. I'd like them to be in the same row: facebook info on the left, copyright info on the right.

How do I do this?

Thanks.

[J Allen]

See if you like this.....


Change your custom footer box to this:
(be sure to add in your FB code where red is)



<div id="my-footer-wrapper">

<div id="my-copyright">
All photos copyright 2007-2011 Julia E. Durall
</div>

<div id="my-FB-link">
All your facebook code between these div tags
</div>

</div>
<div style="clear: both;"></div>





Then add this to your CSS:




#my-footer-wrapper
{width:600px;margin:auto}

#my-copyright
{float:right;padding-top:20px;
color:#3B5998;font-weight:bold}

#my-FB-link {float:left}

[wangyunpeng]

Thank you! It's also my need, my website is aitop.smugmug.com.

But, that words cound't centre in the middle, how can I do this?

And, I also add a Html link into footer, could you help me?

Thanks!

See if you like this.....


Change your custom footer box to this:
(be sure to add in your FB code where red is)



<div id="my-footer-wrapper">

<div id="my-copyright">
All photos copyright 2007-2011 Julia E. Durall
</div>

<div id="my-FB-link">
All your facebook code between these div tags
</div>

</div>
<div style="clear: both;"></div>



Then add this to your CSS:




#my-footer-wrapper
{width:600px;margin:auto}

#my-copyright
{float:right;padding-top:20px;
color:#3B5998;font-weight:bold}

#my-FB-link {float:left}

[wangyunpeng]

You see, at the bottom of my homepage, I try some code to achieve above thought.

But It looks very ugly, spacing is uncomfortable and lack of link.

Anyway， this try let me closer to the answer.

See if you like this.....


Change your custom footer box to this:
(be sure to add in your FB code where red is)



<div id="my-footer-wrapper">

<div id="my-copyright">
All photos copyright 2007-2011 Julia E. Durall
</div>

<div id="my-FB-link">
All your facebook code between these div tags
</div>

</div>
<div style="clear: both;"></div>



Then add this to your CSS:




#my-footer-wrapper
{width:600px;margin:auto}

#my-copyright
{float:right;padding-top:20px;
color:#3B5998;font-weight:bold}

#my-FB-link {float:left}