New Topic/Question
Reply
I finally got code on a website i'm working on to become center. Now I'm trying to center the title's within the block of code. The Titles are "Our Tweets" "Our Latest Posts" "Our Location" and "Contact Us"
FOOTER.PHP
<div class="cleared" align=center></div>
<br /><br /><br /><br /><br /><br /><br /><br />
<div class="cleared"></div>
<div id="content-bottom"></div>
</div><!-- .wrapper -->
</div><!-- #container -->
<div id="footer">
<div style="text-align: center;">
<div id="footer-border">
<script type="text/javascript">
$(document).ready(function(){
$(".rf_twitter_widget.username-holywoodacting .tweet:not(.active)").each(function(){
$(this).tweet({
username: "holywoodacting",
join_text: null,
avatar_size: null,
count: 1,
auto_join_text_default: "",
auto_join_text_ed: "",
auto_join_text_ing: "",
auto_join_text_reply: "",
auto_join_text_url: "",
loading_text: "loading tweets..."
}).addClass('active');
});
});
</script><div class="sidepanel"><h3>Our tweets</h3><div class="rf_twitter_widget username-holywoodacting">
<div class="tweet"></div>
<div class="arrow-container">
<div class="arrow-border"></div>
<div class="arrow"></div>
</div>
<div class="follow">
<img src="./wp-content/themes/holywood/images/twitterbird.png" />
<a class="followme" href="http://www.twitter.com/holywoodacting" target="_BLANK">follow on Twitter....</a>
</div>
</div></div><div class="sidepanel"><h3>Our latest posts</h3>
<?php query_posts('showposts=3'); ?>
<?php while (have_posts()) : the_post(); ?><br />
</a><table><tr><td border="4">
<?php postimage('smallthumbnail'); ?></td><td valign="top">
<strong><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></strong></td></tr></table>
<?php endwhile; ?>
</div><div class="sidepanel"><h3>Our location</h3><div class="rf_maps_widget">
<iframe width="100%" height="200px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msid=201607335837015563938.0004a79762c07e3ababf2&msa=0&ll=33.987976,-118.383179&spn=0.008077,0.012059&output=embed"></iframe>
</div></div><div class="sidepanel"><h3>Contact us!</h3><div class="rf_contact_widget"><div class="social-buttons"><a href="http://eugenioespinosa.com/themes/holywood/feed/" target="_BLANK"><img src="./wp-content/themes/holywood/images/rss.png" alt="RSS button" /></a><a href="http://www.twitter.com/holywoodacting" target="_BLANK"><img src="./wp-content/themes/holywood/images/twitter.png" alt="Twitter button" /></a><a href="http://www.facebook.com/holywoodactingstudio" target="_BLANK"><img src="./wp-content/themes/holywood/images/facebook.png" alt="Facebook button" /></a><a href="http://www.flickr.com" target="_BLANK"><img src="./wp-content/themes/holywood/images/flickr.png" alt="Flickr button" /></a><a href="http://www.linkedin.com" target="_BLANK"><img src="./wp-content/themes/holywood/images/linkedin.png" alt="LinkedIn button" /></a></div><div class="phone">
<div class="icon"></div>
<div class="text">
<p>+1 000 000 0000</p>
</div>
</div><div class="email">
<div class="icon"></div>
<div class="text">
<p>info@eugenioespinosa.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #footer -->
<div class="cleared"></div>
<p class="art-page-footer">Powered by <a href="http://www.grafikes.com/">Grafikes</a> and <a href="http://www.holywoodactingstudio.com/">Acting Studio</a> Design by <a href="http://www.eugenioespinosa.com">Eugenio Espinosa</a>.</p>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/holywoodacting.json?callback=twitterCallback2&count=1" type="text/javascript"></script>
</body>
</html>
CSS CODE
.sidepanel
{
margin-left: 0px;
}
.widget-container .sidepanel
{
width: 280px;
padding: 10px 8px 0;
}
#frontwidgets .sidepanel
{
padding-top: 0px;
}
/*.sidepanel .title-container {
margin: 0 0 0 -25px;
}*/
.sidepanel H3
{
color: #414445;
font-size: 17px;
}
.sidepanel .title-container H3
{
color: #FFF;
}
#sidebar .sidepanel H3
{
margin-bottom: 10px;
}
.sidepanel UL LI
{
padding: 5px 0;
line-height: 1.5;
}
.sidepanel P
{
margin-top: 8px;
line-height: 1.5;
}
#searchform #s
{
width: 180px;
}
#searchform INPUT[type="submit"]
{
width: 80px;
}
.sidepanel .post-title
{
font-size: 13px;
}
/*end ---------------------------------------- sidebar
begin ---------------------------------------- footer*/
#footer-container
{
position: inherit;
width: 100%;
height: auto;
padding: 0 45px 28px;
display: table-cell;
}
#footer
{
width: 958px;
height: auto;
margin-left: auto;
margin-right: auto;
background: #191919 repeat-x;
border: 1px solid #191919;
color: #FFF;
/*+placement:shift;*/
left: 0;
top: 0;
}
#footer-border
{
display: inline-block;
border: 1px solid #555;
width: 956px;
height: auto;
position: relative;
}
#footer .sidepanel
{
width: 200px;
display: inline-block;
float: left;
margin: 35px 20px 0 19px;
padding: 0 0 35px;
position: relative;
color: #777;
font-size: 12px;
text-shadow: 0px -1px 0px #000;
}
#footer .sidepanel H3
{
color: #FFF;
margin: 0 0 30px;
}
#footer .sidepanel A
{
color: #989592;
}
#footer-links
{
display: inline-block;
list-style: none;
padding: 0 0 15px;
}
#footer-links LI
{
float: left;
margin-right: 15px;
}
/*end ---------------------------------------- footer
begin ---------------------------------------- widgets*/
THANKS A LOT!
-Phil Swain
MultiQuote
. Dream.In.Code is a very nice forum for programming and web development. I like how you just joined and followed the rules when posting. Most new people need to be told a few times.
| 