Welcome to WebmasterWorld Guest from 54.205.170.21

Forum Moderators: incrediBILL

Message Too Old, No Replies

Why won`t these images align properly in one line?

   
4:15 pm on Sep 16, 2010 (gmt 0)

5+ Year Member



I cannot understand why these won`t align correctly in one line. What would be the best solution to have them in one line and spaced evenly?


<a href="http://mixi.jp/share.pl" class="mixi-check-button" style="width:100px;">Check</a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>

<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="http://platform.twitter.com/widgets/tweet_button.html" data-count="none"
style="width:75px; height:20px;"></iframe>

<iframe id="fblike" src="http://www.facebook.com/plugins/like.php?href=,?php the_permalink()?>&layout=button_count&show_faces=true&width=100&action=like&colorscheme=light" scrolling="no" allowTransparency="true" style="border:none; width=100px; height:20px"></iframe>
</iframe>
7:56 pm on Sep 16, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Looks like you're trying to align iframe elements - I'd say focus your experimenting there rather than on the images themselves.
8:21 am on Sep 17, 2010 (gmt 0)

5+ Year Member



They line up here. You must be trying to put this in a container that is not wide enough including margins and padding of the iframes.
5:03 pm on Sep 17, 2010 (gmt 0)

5+ Year Member



Thanks. I experimented with the iframes, took out twitter`s iframe, kept the iframe for facebook (it requires it), put them in divs, floated the divs, and I got it to align.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month