Share бутони в една линия

[webdeveloper]

Здравейте, някой може ли да направи тези 3 бутонa да са в една линия равномерно, защото ме побъркват вече...

<div style="float: left; margin: 0px;">

<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=user"><img src="http://s7.addthis.com/static/btn/v2/lg-share-bg.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="addthis_widget.js#username=user"></script>

         
<script src="http://connect.facebook.net/bg_BG/all.js#appId=423666542334466&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="140" show_faces="false" font="arial"></fb:like><g:plusone size="medium"></g:plusone> <div id="fb-root"></div>
</div>

 

[IzKuFeLiQqQqQ]

<div style="float: left; margin: 0px;">

<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=user"><img style="float: left; margin: 0px;"src="http://s7.addthis.com/static/btn/v2/lg-share-bg.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="addthis_widget.js#username=user"></script>

         
<script src="http://connect.facebook.net/bg_BG/all.js#appId=423666542334466&xfbml=1"></script><fb:like href="" send="false"  style="float: left; margin: 0px;" layout="button_count" width="140" show_faces="false" font="arial"></fb:like><g:plusone size="medium"></g:plusone> <div id="fb-root"></div>
</div>

:shock: :shock:

 

[webdeveloper]

Нещо пак не е в ред, виж как "Сподели" бутона е някак нагоре, а не в средата на "Харесва ми"

 

[Ev0luti0N]

Нещо пак не е в ред, виж как "Сподели" бутона е някак нагоре, а не в средата на "Харесва ми"

Нормално. Бутона е по-малък от този на фейсбук.. Бутни му малко padding-top и ще стане.

 

[webdeveloper]

Нещо пак не е в ред, виж как "Сподели" бутона е някак нагоре, а не в средата на "Харесва ми"

Нормално. Бутона е по-малък от този на фейсбук.. Бутни му малко padding-top и ще стане.

Пробвах ама така се увеличава размера на цялото поле от таблицата.

 

[Ev0luti0N]

Нещо пак не е в ред, виж как "Сподели" бутона е някак нагоре, а не в средата на "Харесва ми"

Нормално. Бутона е по-малък от този на фейсбук.. Бутни му малко padding-top и ще стане.

Пробвах ама така се увеличава размера на цялото поле от таблицата.

margin-top :idea:

 

[webdeveloper]

Нормално. Бутона е по-малък от този на фейсбук.. Бутни му малко padding-top и ще стане.

Пробвах ама така се увеличава размера на цялото поле от таблицата.

margin-top :idea:

И това пробвах, същата работа.

 

[IvanAdamov]

на всеки IMG таг задай клас. И после от класовете си оправяй позиционирането.

 

[hpstuff]

<div style="float: left; margin: 0px;">

<a class="addthis_button" style="vertical-align:middle; display: inline-block;" href="http://www.addthis.com/bookmark.php?v=250&username=user"><img style="float: left; margin: 0px;"src="http://s7.addthis.com/static/btn/v2/lg-share-bg.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="addthis_widget.js#username=user"></script>

<span style="vertical-align:middle; display: inline-block;">
<script src="http://connect.facebook.net/bg_BG/all.js#appId=423666542334466&xfbml=1"></script><fb:like href="" send="false"  style="float: left; margin: 0px;" layout="button_count" width="140" show_faces="false" font="arial"></fb:like>
</span>
<g:plusone size="medium"></g:plusone> <div id="fb-root"></div>
</div>

с display: inline-block; и vertical-align: middle; се прави.

 

[webdeveloper]

hpstuff Благодаря!