Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Как выровнить в одну строку?
#1
Суббота, 12.11.2011, 17:09
tatarrr
Пользователь
Сообщения: 85
Репутация: 132
Такая ситуация сложилась. Вот ссылка http://alldances.net/music/jumpstyle_music/30-coone-the-challenge.html
Там заголовок, под ним кнопка нравится, и ниже кнопка +1. Как все это выровнить в одну строку?
Вот какой сейчас код

<h1> <class="title"> {title}</h1>
<div id="vk_like"></div><script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script><g:plusone size="medium"></g:plusone>
</div>
[img]http://www.youloveit.ru/uploads/posts/2009-03/1237276761_ae46753e21e3.gif[/img]
#2
Суббота, 12.11.2011, 17:16
JoneS
Заблокированные
Сообщения: 296
Репутация: 263
Или:
Code
<h1> <class="title"> {title}</h1>   
   <div style="white-space: nowrap;"><div id="vk_like"></div><script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script><g:plusone size="medium"></g:plusone> </div>
   </div>

или:
Code
<div style="white-space: nowrap;"><h1> <class="title"> {title}</h1>   
   <div id="vk_like"></div><script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script><g:plusone size="medium"></g:plusone> </div>
   </div>


Обратите внимание на последний </div>... в вашем примере он лишний, но не лишний в исходном коде!!!
Пост отредактировал JoneS - Суббота, 12.11.2011, 17:18
Услуги Гаранта http://megasoft.3dn.ru/forum/95-288578-1
#3
Суббота, 12.11.2011, 17:34
tatarrr
Пользователь
Сообщения: 85
Репутация: 132
JoneS
Не один способ не подействовал
[img]http://www.youloveit.ru/uploads/posts/2009-03/1237276761_ae46753e21e3.gif[/img]
#4
Суббота, 12.11.2011, 18:04
mrdimshop
Проверенный
Сообщения: 249
Репутация: 147
+1 кнопка вобще не понятная. Я тоже не смог ее в одну строку вывести не с одним другим обьектом.
#5
Суббота, 12.11.2011, 18:11
tatarrr
Пользователь
Сообщения: 85
Репутация: 132
mrdimshop это от сервиса гугл. Можно хотябы вывести со словом нравится заголовок в одну строку? А кнопку так оставим.

А еще бы хорошо если бы вы отдельно написали тег, которым выводить в одну строку.
[img]http://www.youloveit.ru/uploads/posts/2009-03/1237276761_ae46753e21e3.gif[/img]
#6
Суббота, 12.11.2011, 18:16
JoneS
Заблокированные
Сообщения: 296
Репутация: 263
Добавьте в CSS, к классу .headline эту строку:
Code
white-space: nowrap;


=========================================================
Или вот так, работает 100%
Code
<div class="headline">
<h1 class="title"> Coone - The Challenge </h1>
      <div style="float: left" id="vk_like"></div>
      <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script>
      <div><g:plusone size="medium"></g:plusone> </div>
</div>
Пост отредактировал JoneS - Суббота, 12.11.2011, 18:17
Услуги Гаранта http://megasoft.3dn.ru/forum/95-288578-1
#7
Суббота, 12.11.2011, 18:26
bisnesmen
Проверенный
Сообщения: 542
Репутация: 180
Кнопку вконтакте вы никак не поставите в одной строке с другой кнопкой, так как в самом css вконтакте такие параметры у кнопки.
Пост отредактировал bisnesmen - Суббота, 12.11.2011, 18:26
#8
Суббота, 12.11.2011, 18:41
JoneS
Заблокированные
Сообщения: 296
Репутация: 263
Quote (bisnesmen)
Кнопку вконтакте вы никак не поставите в одной строке с другой кнопкой, так как в самом css вконтакте такие параметры у кнопки

bisnesmen, не вводите в заблуждение посетителей, tatarrr, делайте что вам показали в последнем варианте и ноу проблем.
Услуги Гаранта http://megasoft.3dn.ru/forum/95-288578-1
#9
Суббота, 12.11.2011, 19:46
yurashklyaev
Пользователь
Сообщения: 140
Репутация: 7
попробуйте таблицей 2 колонки одна строка :)
R282289104643
Z246287161109
мой icq 16-22-16
https://www.weblancer.net/users/yurashklyaev/
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz