Как создать плавающий блок из виджетов? :: В помощь вебмастеру

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Как создать плавающий блок из виджетов?

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки

clio77

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Появилась задача закрепить виджет "Однокласники", и "Вконтакте" один над другим, сделав их плавающими (всегда видимые.) с правой стороны в углу сайта.
Теория советует несколько способов, включая Qt, но есть ведь более простой способ описанный в 1м классе html или это не про этот случай?

Всего записей: 2441 | Зарегистр. 27-10-2003 | Отправлено: 09:06 28-09-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

clio77

Цитата:

включая Qt

Qt для веба??

Цитата:

но есть ведь более простой способ описанный в 1м классе html или это не про этот случай?

Простой CSS для контейнера

Код:

.container {
position: fixed;
right: 0px;
top: 0px;
z-index: 1000;
}

http://jsfiddle.net/x4t2gs7u/

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 09:12 28-09-2018 | Исправлено: Mavrikii, 09:15 28-09-2018

clio77

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Похоже нужно штудировать классы. Блок на странице появился в виде горизонтального прямоугольника по ширине страницы. Колдовство с параметрами не помогает. Блок сместился вниз, но ширина его не управляется параметром width.

Ни "px" ни "%" его не изменили. Когда установлен параметр "position: fixed;" , блок исчезает при изменении окна браузера с развернутого на оконный.

}
.container {
width: 30px;
right: 10px;
top: 800px;
padding: 50px;
border: 1px solid red;
background-color: #eee;
z-index: 100;
}

Всего записей: 2441 | Зарегистр. 27-10-2003 | Отправлено: 08:01 29-09-2018 | Исправлено: clio77, 08:06 29-09-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

clio77

Цитата:

Блок на странице появился в виде горизонтального прямоугольника по ширине страницы. Колдовство с параметрами не помогает. Блок сместился вниз, но ширина его не управляется параметром width ни "px" ни "%"

нужно видеть страницу, могут применяться какие либо другие стили.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 08:06 29-09-2018

clio77

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

В файле Styles.css

ol {
list-style-type: none; /* Убираем исходные маркеры */
counter-reset: num; /* Задаём имя счетчика */
}
ol li::before {
content: counter(num) '. '; /* Выводим число */
counter-increment: num; /* Увеличиваем значение счётчика */
color: red;

Всего записей: 2441 | Зарегистр. 27-10-2003 | Отправлено: 08:08 29-09-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

clio77

Цитата:

В файле Styles.css

это не влияет. повторюсь, если на чистой странице отображается как нужно, а при вставке во что то отображется иначе - нужно смотреть конечный вариант, тогда можно определить что срабатывает не так и почему.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 08:14 29-09-2018

clio77 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору кончено буду копать.
	Всего записей: 2441 \| Зарегистр. 27-10-2003 \| Отправлено: 08:28 29-09-2018 \| Исправлено: clio77, 09:42 29-09-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

clio77
вы не поняли. нужно смотреть живую страницу, а не html без привязанного css. все вместе, тогда можно посмотреть какие стили применяются к конкретным элементам (F12 - панель разработчика) и понять что происходит.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 08:46 29-09-2018

clio77 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii спс
	Всего записей: 2441 \| Зарегистр. 27-10-2003 \| Отправлено: 09:25 29-09-2018

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Как создать плавающий блок из виджетов?

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC