Welcome to WebmasterWorld Guest from

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)

New User

5+ Year Member

joined:July 3, 2009
posts: 22
votes: 0

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>
7:56 pm on Sept 16, 2010 (gmt 0)

Senior Member

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

joined:May 26, 2000
votes: 0

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 Sept 17, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Mar 17, 2010
posts: 107
votes: 1

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 Sept 17, 2010 (gmt 0)

New User

5+ Year Member

joined:July 3, 2009
posts: 22
votes: 0

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.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members