uldisogklvHi!
Kindly asking for help to align img links side by side.
web: http://ogk.ls.lv/
I would like to put several social buttons in my footer. But can't put them side by side. Can't figure out where is the mistake.
HTML code:
<div id="post_footer">
<div class="comments"></div>
<div class="social">
<a href="mailto:?subject=<?php the_title();?>&body=<?php the_permalink() ?>" title="Nosūti rakstu draugam!"><img src="/wp-content/uploads/mail.png" alt="mail" height="12"/></a>
<a href="http://twitter.com/share" target="_blank"><img src="/wp-content/uploads/twitter.png" alt="twitter" height="12"/></a>
</div>
<div class="other_posts">
<?php if ( is_page() ) { ?>
<a href="/">Sākums</a>
<?php } else { ?>
<a href="/arhivs/">Citi raksti</a>
<?php } ?>
</div>
</div>CSS:
#post_footer {
width: 571px;
margin: 0 0 0 34px;
float: left;
border-top:1px solid #A98F64;
}
.social, .social a, .other_posts, .other_posts a, .comments, .comments a {
width: 190px;
float: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #8E8E8E;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 2px;
}
.social, .social a {
text-align: center;
}
.other_posts, .other_posts a {
text-align: right;
}
.comments, .comments a {
text-align: left;
}
.social a:hover, .other_posts a:hover, .comments a:hover {color: #000;}Please advice where is the problem? And what is the best solution for this?
Many thanks in advance ; )
