float fbml comment top right?

Discussion in 'Programming' started by Jam Master K, Mar 23, 2010.

  1. #1
    <fb:js-string var="location_two">
    <fb:iframe width="100%" height="650" scrolling="yes" frameborder='0' src='http://www.incentaclick.com/click/ga5bc874ff/' />
    </fb:js-string>
    <script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
    </script>
    
    <div id="outside_location">
    
    <div align="center">
    
    <b><font size="5"><B><U>Become a fan to see the VIDEO Proof!! - IF YOU DARE!</U></B></font></b>
    
    
    <br>
    <br>
    
    <img src="http://www.minortweaks.com/archives/scroll%20down.bmp" alt="scared face" />
    
    
    </div>
    
    <div style="float: left; width: 370px; font-size: 13px;">
    <div id="description" class="UIStream_Border">
    
    </div>
    <br />
    <br />	
    
    
    <fb:dialog-button type="button" value="Close" close_dialog=1 /> 
    </fb:dialog>
    <a href="#" clicktoshowdialog="my_dialog"></a>.
    <script>
    function showstep3() {
    setTimeout(function(){doshowstep3()}, 6000);
    }
    function doshowstep3() {
    document.getElementById('step3').setStyle('display ', 'block')
    }
    </script>
    <table>
    <tr>
    <td>
    <a onclick="showstep3(); (new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;pos t_form_id=b8088301763381ff57b93b12c353d00e&amp;pos ition=2&amp;' + Math.random();fbjs_sandbox.instances.a4949752878.b ootstrap();return fbjs_dom.eventHandler.call([fbjs_dom.get_instance(this,4949752878),function(a4 949752878_event) {(new a4949752878_Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;pos t_form_id=6b94c703b80ff56e10b76e9e4aea4194&amp;pos ition=2&amp;' + a4949752878_Math.random();return true;},4949752878],new fbjs_event(event));return true;" rel="dialog-post" ajaxify="/ajax/social_graph/invite_dialog.php?class=FanManager&amp;node_id=334 145718800" href="#">
    
    </a>	
    </td>
    <td>
    <div id="left_side" style="float: top;">
    <div style="width: 380px;" class="commentable_item one_row_add_box autoexpand_mode comment_form_307559724893">
    <div data-ft="{&quot;type&quot;:&quot;ufi&quot;}" class="comment_box">
    <div class="comment_box_nub">
    </div>
    <div class="like_box ufi_section">
    <div class="UIImageBlock clearfix">
    <i class="UIImageBlock_Image UIImageBlock_ICON_Image img spritemap_icons sx_icons_like_on"></i>
    <div class="UIImageBlock_Content UIImageBlock_ICON_Content">
    <a href="#" title="Click to see people who like this item" rel="dialog">1272 people</a>
    like this.
    </div>
    </div>
    </div>
    <div class="feed_comments">
    <div id="comment_1" class="ufi_section UIImageBlock clearfix">
    <a title="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" href=""><img alt="" src="http://profile.ak.fbcdn.net/v22944/340/43/q1135357877_1061.jpg" class="UIProfileImage UIProfileImage_SMALL img"></a>
    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
    <div class="comment_text">
    <a class="comment_author" href="#">Andrew Greggs</a>
    <div class="comment_actual_text" id="text_expose_id_4b77bf3d56c0016429ac0">
    NO WAY that is mad!</div>
    </div>
    <div class="comment_actions">
    <abbr title="Sat, 13 Feb 2010 15:13:24 -0800" class="timestamp">
    4 hours ago
    </abbr>
    </div>
    </div>
    </div>
    <div id="comment_2" class="ufi_section UIImageBlock clearfix">
    <a title="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" href=""><img alt="" src="http://profile.ak.fbcdn.net/v223/295/49/q1232503228_2149.jpg" class="UIProfileImage UIProfileImage_SMALL img"></a>
    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
    <div class="comment_text">
    <a class="comment_author" href="#">Ashley Mennis</a>
    <div class="comment_actual_text" id="text_expose_id_4b77bf3d56c0016429ac0">
    AHHHHHHHHHHHHH</div>
    </div>
    <div class="comment_actions">
    <abbr title="Sat, 13 Feb 2010 15:13:24 -0800" class="timestamp">
    3 hours ago
    </abbr>
    </div>
    </div>
    </div>
    <div id="comment_3" class="ufi_section UIImageBlock clearfix">
    <a title="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" href=""><img alt="" src="http://profile.ak.fbcdn.net/v223/295/49/q1232503228_2149.jpg" class="UIProfileImage UIProfileImage_SMALL img"></a>
    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
    <div class="comment_text">
    <a class="comment_author" href="#">Alexis Clark</a>
    <div class="comment_actual_text" id="text_expose_id_4b77bf3d56c0016429ac0">
    i can't watch!
    </div>
    </div>
    <div class="comment_actions">
    <abbr title="Sat, 13 Feb 2010 15:13:24 -0800" class="timestamp">
    about an hour ago
    </abbr>
    </div>
    </div>
    </div>
    <div id="comment_4" class="ufi_section UIImageBlock clearfix">
    <a title="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" href=""><img alt="" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs259.snc3/23244_100000627580779_4280_q.jpg" class="UIProfileImage UIProfileImage_SMALL img"></a>
    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
    <div class="comment_text">
    <a class="comment_author" href="#">Jayden Phillips</a>
    <div class="comment_actual_text" id="text_expose_id_4b77bf3d56c0016429ac0">
    WHOA made me jump
    </div>
    </div>
    <div class="comment_actions">
    <abbr title="Sat, 13 Feb 2010 15:13:24 -0800" class="timestamp">
    about an hour ago
    </abbr>
    </div>
    </div>
    </div>
    <div id="comment_5" class="ufi_section UIImageBlock clearfix">
    <a title="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" href=""><img alt="" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs301.ash1/23081_509648816_9270_q.jpg" class="UIProfileImage UIProfileImage_SMALL img"></a>
    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
    <div class="comment_text">
    <a class="comment_author" href="#">Olivia Kenyon</a>
    <div class="comment_actual_text" id="text_expose_id_4b77bf3d56c0016429ac0">
    Holly sh+t that;s scary!</div>
    </div>
    <div class="comment_actions">
    <abbr title="Sat, 13 Feb 2010 15:13:24 -0800" class="timestamp">
    about an hour ago
    </abbr>
    </div>
    </div>
    </div>
    <div class="ufi_section comments_add_box clearfix">
    <fb:dialog id="moderated">
    <fb:dialog-title>
    Comment
    </fb:dialog-title>
    <fb:dialog-content>Your comment is awaiting approval. 
    </fb:dialog-content>
    <fb:dialog-button type="button" value="Close" close_dialog=1 /> 
    </fb:dialog>
    <textarea placeholder="Write a comment..." class="add_comment_text DOMControl_autogrow" name="add_comment_text">Write a comment...</textarea>
    <img class="UIProfileImage UIProfileImage_SMALL img"><span class="comments_add_box_submit clearfix UIButton UIButton_Blue UIFormButton"><input type="button" name="comment" class="UIButton_Text" value="Comment" clicktoshowdialog="moderated"></span>
    
    
    </div>
    
    
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div></center>
    <br>
    <br>
    
    <fb:visible-to-connection>	
    
    <div align="center">
    
    <fb:swf
    swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
    swfsrc='http://www.youtube.com/v/tsDzVt5YdOY'
    imgsrc='http://img.youtube.com/vi/tsDzVt5YdOY/2.jpg' width='340' height='270' />
    
    Click to Play!
    </center></div>
    
    </div>
    </div>
    
    </fb:visible-to-connection>
    
    Code (markup):

    how would i float the comment top right instead of under the scroll image?
     
    Jam Master K, Mar 23, 2010 IP