Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Присылайте нам Донат :), напишите за что прислали )


Ответ
 
Опции темы
Старый 16.05.2019, 19:35   #1
AndreStels
Новичок
 
Регистрация: 16.05.2019
Сообщений: 1
Репутация: 10
По умолчанию Помогите создать блок с фиксированным бакгроундом при прокрутки текста

Привет. Давным давно чуть-чуть знал HTML. За 11 лет не написал ни одного тега. Все спецификации шагнули вперед. Когда-то делалось всё тегом <table> Теперь он не актуален. Все делают блоками <div>
Понадобилось кое что сбацать.
Суть такая:
В шапке логотип и т.д.
Потом ниже идёт блок с фоновым изображением.
После идёт допустим таблица с текстом и т.д.

Нужно сделать так: Допустим видимая высота блока 200пикс, а внутри него пространство с текстом или без текста, высотой в 800пикс. Чтобы при скролинге вниз всей страницы, сначала скролился блок до заданной высоты и только потом всё остальное...

Привожу пример того что натыкал, но что-то не совсем получилось...:

<table width="100%" border="1" cellpadding="0" cellspacing="0" align="center">
<tr><td width="50%" align="left"><img src="logo.jpg" border="0"></td><td width="50%" align="right"></td></tr>
</table>

<div class="prokrut">Вот в этом блоке хочу всё сделать. Здесь много текста или пространство с высотой 800пикселей<p></div>

<table width="100%" border="1" cellpadding="0" cellspacing="0" align="center"><tr><td>далее пошло поехало</td></tr></table>

Стиль прописал такой:
.prokrut
{
background-repeat: no-repeat;
background-attachment: scroll;
overflow: auto;
width: 100%;
height: 200px;
border: 1px solid Red;
background-image: url("bg3.jpg");
}

Надеюсь вы поняли задумку!
Вот типа как здесь http://belprofigrupp.kz но чуть-чуть по другому. Как я описал
AndreStels вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блок ссылок с полосой прокрутки nikolokaputik80 HTML и CSS 1 21.11.2015 14:23
имитация прокрутки текста Рыбчик Помощь студентам 7 22.11.2014 20:17
Помогите создать блок схему Грек-Илья Помощь студентам 2 19.06.2014 14:47
Помогите создать блок-схему. andryu100 Помощь студентам 2 11.05.2014 19:29
Помогите создать блок-схему Operator-cn Общие вопросы C/C++ 5 22.10.2009 21:16


09:49.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru