Mon, 2011-12-19 20:02
Why can't I get this footer to center? I love the format, but I've tried every which way for it to be centered on the bottom of my pages to no avail.
Html:
About
About JKLFA
Contact
Visiting
Terms & Conditions
Mailing List
Site Map
Buying & Selling Art
All Artists
Andy Warhol
Jasper Johns
Jeff Koons
Blue-Chip Prints
Photography
Recent Acquisitions
Art Wanted
Follow JKLFA on the web
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
Contact
XXXXXYYYYYYZZZZZ
25 XXXYYYZZZ
New York, NY 10000
tel: 212-757-8012
fax: 212-757-8013
JKLGD.com
CSS:
body {
margin-top: 0px;
font: 11px;
color: #dbdbdb;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin-left: 0px;
margin-right: 0px;
}
a {text-decoration:none; color: #121212;}
/*
Separators
------------------------------------------------------------------- */
.content-separator, .archive-separator {
background: #D5D5D5;
clear: both;
color: #FFE;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}
/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
#menu ul {
width:840px;
height:10px;
font-size:15px;
text-align:center;
padding-top:0px;
margin-right: 80px;
}
#menu ul li {
color: #696969;
display:inline;
font-size:15px;
font-weight:400;
font-variant: normal;
padding:0 7px 0 0;
}
#menu ul li a {color: #696969}
#menu ul li a:hover {color: #121212}
#email_mkt {
float: left;
margin: 0px 0 0 0;
font-size: xx-small;
margin-top: 3px;
}
#search {
text-decoration:none;
color: #121212;
margin-left: 3px;
}
/* FOOTER */
.footer {
padding: 22px 0 10px 5px;
border-top: 1px solid #666;
text-align:left;
text-decoration:none;
font-size: 12px;
color: #666;
}
.footer div {
width:180px;
margin: 0 20px 0 8;
float:left;
}
.footer img {
border:0;
}
.footer div.last {
width:180px;
margin: 0 20px 0 0;
float:left;
}
Mon, 2011-12-19 20:03
#1
<link href="footer.css"
<link href="footer.css" rel="stylesheet" type="text/css" /> <div class="footer"> <div> <p><strong>About</strong></p> <p><img src="NewSite/JKLFA-logo.gif" width="40" height="40" /><br /> About JKLFA<br/> Contact<br/> Visiting<br/> Terms & Conditions<br/> Mailing List<br/> Site Map<br/> </p> </div> <div> <p><strong>Buying & Selling Art</strong></p> <p>All Artists<br> Andy Warhol<br /> Jasper Johns <br /> Jeff Koons<br /> Blue-Chip Prints<br /> Photography<br /> Recent Acquisitions<br/> Art Wanted </p> </div> <div> <p><strong>Follow JKLFA on the web</strong></p> <table width="92" border="0" cellspacing="2" cellpadding="2"> <tr> <td width="25"><a href="http://www.facebook.com/JKLFA" target="_blank"><img src="Facebook-icon.gif" alt="Join Us on Facebook" width="20" height="20" border="0" /></a></td> <td width="25"><a href="http://twitter.com/JKLFA" target="_blank"><img src="Twitter-icon.gif" alt="Follow Us on Twitter" width="20" height="20" border="0" /></a></td> <td width="22"><a href="http://www.linkedin.com/in/josephklevenefineartltd" style="color: #121212; text-decoration: none;"><img alt="Joseph K Levene Fine Art Ltd on linkedin" border="0" height="20" src="http://www.josephklevenefineartltd.com/linkedin_icon.jpg" style="cursor: move;" width="20" /></a></td> <td width="22"><a href="http://www.thefineartblog.com/" target="_blank"><img src="Blogger-icon.gif" alt="The Fine Art Blog" width="20" height="20" border="0" /></a></td> <td width="22"><a href="http://www.thefineartblog.com/" target="_blank"><img src="favicon-artnet.gif" alt="The Fine Art Blog" width="20" height="20" border="0" /></a></td> <td width="22"><img src="Flickr-Icon.gif" width="20" height="20"></td> </tr> </table> <br /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html?screen_name=JKLFA&show_count=false" style="width:150px; height:20px;"></iframe> <br /> <!-- Place this tag where you want the +1 button to render --> <div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120"></div> <div align="left"> <!-- Place this render call where appropriate --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> </div> <div class="last"> <p><strong>News</strong></p> <div class="item-content"> <div class="item-thumbnail" style="float: left; margin-bottom: 5px; margin-left: 0px; margin-right: 5px; margin-top: 0px; text-align: left;"> <a href="http://blog.thefineartblog.com/2009/12/condition-matters-highest-price-art.html" style="color: red; text-decoration: none;" target="_blank"><img alt="" border="0" height="30" src="http://1.bp.blogspot.com/_-AoWP2wRXuQ/TM5LYqbggTI/AAAAAAAABn8/fBuvY6jDGck/s72-c/WarholOranguatan.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; padding-right: 0.4em; position: relative;" width="30" /></a><span class="item-title" style="padding-bottom: 0.2em; text-align: left;"><a href="http://blog.thefineartblog.com/2009/12/condition-matters-highest-price-art.html" style="color: red; text-decoration: none;"> <font size="1" face="Verdana, Verdana, Arial, Helvetica, sans-serif" class="Y">Condition Matters!</font></a></span></div> <div class="item-thumbnail" style="float: left; margin-bottom: 5px; margin-left: 0px; margin-right: 5px; margin-top: 0px; text-align: left;"> <a href="http://blog.thefineartblog.com/2010/08/buying-art-is-not-like-buying-detergent.html" style="color: red; text-decoration: none;" target="_blank"><img alt="" border="0" height="30" src="http://3.bp.blogspot.com/_-AoWP2wRXuQ/THSDZVDMQqI/AAAAAAAABac/GMIAA0egs_o/s72-c/detergent+aisle.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; padding-right: 0.4em; position: relative;" width="30" /></a><a href="http://blog.thefineartblog.com/2009/12/condition-matters-highest-price-art.html" style="color: red; text-decoration: none;" target="_blank"></a><span class="item-title" style="padding-bottom: 0.2em; text-align: left;"><a href="http://blog.thefineartblog.com/2010/08/buying-art-is-not-like-buying-detergent.html" style="color: red; text-decoration: none;"><font size="1" face="Verdana, Verdana, Arial, Helvetica, sans-serif" class="Y"> Buying Fine Art is Not like buying Detergent!</font></a></span></div> </div> </div> <div class="last"> <p><strong>Contact</strong></p> <p>Joseph K. Levene Fine Art, Ltd.<br> 25 Central Park West<br> New York, NY 10023<br> tel: 212-757-8012<br> fax: 212-757-8013<br> JKLFA.com<br> jklfa@jklfa.com <br> </p> </div> </div><!-- end footer --> <br clear="all" /> </div> <!-- end container --> </body> </html>