Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
791 / 383 / 259
Регистрация: 09.12.2011
Сообщений: 756
Записей в блоге: 29
1

Вторая кнопка "Одноклассники" стоит там, где не должна

08.06.2014, 20:52. Показов 1219. Ответов 4
Метки нет (Все метки)

Всем здрасьте!

Проблема такая: вставляю три кнопки "Поделиться", одна из которых от Одноклассников. Леплю эту троицу в двух местах и получается то, что Вы видите на скрине внизу. Код в этой области такой:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div class="article">
 <h3><b>Статья 3</b></h3>
  <div class="butpan">
   <div class="socbut">
    <a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'nc' : '1', 'nt' : '1', 'cm' : '1', 'sz' : '30', 'st' : '2', 'tp' : 'mm'}">Нравится</a>
  <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
 </div>
<div class="socbut">
 <div id="ok_shareWidget"></div>
  <script>
  !function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
  }(document,"ok_shareWidget","http://site.ru","{width:30,height:35,st:'rounded',sz:30,nt:1,nc:1}");
  </script>
 </div>
<div class="socbut"><script type="text/javascript"><!--
  document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/vk32.png?1\" />"}));
  --></script>
 </div>
</div>
<br><br>
<h5><i>Ключевые слова: <a href="polit">политика</a>, <a href="president">президент</a>, <a href="ukaz">указ</a><br>
<i>Дата размещения: 12.02.2014</i></h5><br>
<p align="justify">Текст</p>
</div>
Вторая "статья" - почти полная копия. Вот CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.article{background-color:#eeeeee;
      border:3px solid 4455dd;
      border-radius:10px 0px 10px 0px;
      width:94%;
      margin:0% 3% 0 3%}
 
.article h3{-webkit-margin-before:0px;
         -webkit-margin-after:0px;
         margin-left:7px;
         float:left}
 
.article h5{-webkit-margin-before:0px;
         -webkit-margin-after:0px;
         margin-left:9px}
 
.article p{margin:7px}
 
.socbut{margin:5px;
      float:right}
 
.butpan{float:right}
Подскажите, как справится с этой бедой, а то я сам чё-то никак не соображу.
0
Миниатюры
Вторая кнопка "Одноклассники" стоит там, где не должна  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.06.2014, 20:52
Ответы с готовыми решениями:

Почему не работает кнопка "подробнее" которая должна раскрыть блок
Пытался создать кнопку, которая при нажатии должна раскрывать скрытый текст. Но при нажатии меня...

Где расоплагаются иконки для кнопок "Like" и "Unlike"
Где хронятся изображения кнопок как на этом сайте Пробую просто button создать, ниче не...

Создание кнопки (тип "кнопка" или тип "изображение"?)
Верстаю шаблон psd, возникла необходимость использовать кнопку со своим фоном в виде картинки. Что...

Картинка шапки сайта частично должна "заходить" на контент
Подскажите как сделать картинку шапки сайта,то есть чтобы часть картинки выходила за границу фона...

4
43 / 43 / 25
Регистрация: 21.07.2013
Сообщений: 349
08.06.2014, 22:01 2
попробуйте для .article добавить float:left
1
791 / 383 / 259
Регистрация: 09.12.2011
Сообщений: 756
Записей в блоге: 29
09.06.2014, 12:04  [ТС] 3
kvant355, не-е, я, наверно, не так объяснил. Мне нужно вторую кнопку "Одноклассники" поместить во второй article.

В любом случае, не помогло.
0
43 / 43 / 25
Регистрация: 21.07.2013
Сообщений: 349
09.06.2014, 12:47 4
вы представили только часть кода с одной статьей и двумя иконками соцсетей, на скрине другая ситуация, чтобы понять что не работает нужно посмотреть код целиком...float:left было просто предположение
0
791 / 383 / 259
Регистрация: 09.12.2011
Сообщений: 756
Записей в блоге: 29
10.06.2014, 15:38  [ТС] 5
kvant355, я ж говорю
Цитата Сообщение от Фаер Посмотреть сообщение
Вторая "статья" - почти полная копия.
Скопируйте первую - вот и вся ситуация. А вообще, уже не надо. Я её убрал, оставил две кнопки. Там, очевидно, недоработка какая-то, потому что я попробовал вставить две кнопки "Одноклассники" в чистый файл - и всё по-старому. Вторая кнопка лепится к первой, как бы я её не оборачивал, отставлял и прочее. На фиг её!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.06.2014, 15:38

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Нужен рабочая кнопка "добавить в избранное" в HTML
Доброго времени суток коллеги!!! Возникла неприятная ситуация...Изменили дизайн сайта...

Кнопка "Обзор" для выбора файла на сайте
Добрый день, уважаемый форумчане. Возникла такая задача: нужно сделать форму для выбора файла на...

Кнопка "назад" всегда в левом углу экрана
&lt;a href=&quot;javascript:history.back()&quot; title=&quot;Назад&quot;)&quot;&gt; &lt;img border=&quot;0&quot;...

Кнопка "Наверх" на мобильном Chrome выглядит просто как ссылка
Добрый день. Есть кнопка &quot;Наверх&quot;: &lt;a href=&quot;#&quot; title=&quot;Наверх&quot; class=&quot;topbutton&quot;&gt;Наверх&lt;/a ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.