Facebook "Like" styling

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Facebook has this code that creates a Like button that you can include
on your web page. I need to fit it in a tight spot so I wanted to force
a break after the "Like" image, but it has been resistant to my efforts.

The code looks like this:

<div id="fb-root"></div>
<script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id))
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://some_site.com " data-send="false"
data-width="120" data-show-faces="true"></div>

I had a look at the script:
and it is beyond convoluted

I *had* a browser or an ap that used to show generated html but I can't
find it now.

What does the generated html look like? How do I style this? Is there  a
plugin or browser that views javascript generated html?


Re: Facebook "Like" styling

Quoted text here. Click to load it

Web Developer add-on for Firefox does this; View Source => View
Generated Source.

John Bokma                                                               j3b

Blog: http://johnbokma.com/        Perl Consultancy: http://castleamber.com/
Perl for books:    http://johnbokma.com/perl/help-in-exchange-for-books.html

Site Timeline