Как разместить элементы?

[fowl]

Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил.

Сейчас это так:

Код вот такой

<div class="share">

<tabla>
<tr>
<td>

      <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
      <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button"       data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> 

      <noindex>
      </br>
            Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше.
      </noindex>

</td>
<td align="right">

      <form target="_top" action="http://subscribe.ru/member/quick" method="get">
      <input type="hidden" name="action" value="quick">
      <input type="hidden" name="src" value="list_business.tech.otvet">
      <table style="background: url(http://image.subscribe.ru/subut/s.png) no-repeat #dddddd;width:250px;" cellspacing=0 cellpadding=0>
      <tr><td colspan=2 style="padding: 2px 10px 2px 10px;"><INPUT TYPE=hidden NAME=grp VALUE="business.tech.otvet">
      <p style="color: #000000;font-family:Verdana, sans-serif;font-weight: bold;font-size:12px;">Вы можете подписаться на новости нашего сайта с помощью       E-mail</p>
      </td></tr>
      <tr><td colspan=2 style="padding: 2px 10px 2px 10px;"><input style="border:1px solid #666600;color:#666666;width:250px;background-color:#fff;font-family:Trebuchet MS, Verdana, sans-serif;font-size:12px;" type="text" name="email" id="email" value="ваш e-mail" onFocus="this.value = '';return false;"/></td></tr>
      <tr>
        <td style="padding: 2px 10px 2px 10px;"><img src="http://subscribe.ru/stat/business.tech.otvet/count.png?subscribers"></td>
        <td align="right" style="padding: 2px 10px 2px 10px;"><input  type="submit" value="Подписаться" style="background-color:#ea6355;border:1px solid #666600;color:#FFFFFF;font-size:12px;font-family:Trebuchet MS, Verdana, Arial; width:100px;"></td>
        </tr>
        <tr><td align="center" colspan=2><A  target="_blank"  rel="nofollow" HREF="mailto:business.tech.otvet-sub@subscribe.ru?subj=subscribe" style="color: #000000;font-family:Verdana, sans-serif;font-size:10px;">Подписаться письмом</A></td></tr>
      </table>
      </form>              


</td>
</tr>
</table>

</div> 

.share {
margin-bottom: 25px;
 background: #dddddd; 
border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
padding: 15px;}

.wp_thumbie_ul_list li{
    list-style-type: none;    
   background:none !important;

   }

А нужно сделать кнопки и текст слева, а форму поиска справа (форму поиска можно поуже сделать, чтоб влезла)

Как это сделать?

[ShumNo]

Каждую из "колонок" обернуть в div и добавить стили: ширину и float

[fowl]

т.е. таблицу оставить и сделать что-то типа:

...<td><div>...</div></td>...

Да?

[Yazon_Nile]

С помощью таблиц верстаются только таблицы) Здесь все нужно разруливать дивами с флотами. ЛЕвую часть заверни в див и ему флоат лефт с шириной. А правую соотв в див с флота раит и шириной. На родителя оверфлоу хидден.