Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.51/43: Рейтинг темы: голосов - 43, средняя оценка - 4.51
0 / 0 / 0
Регистрация: 02.06.2013
Сообщений: 4

Не могу закрепить картинку

02.06.2013, 21:05. Показов 9029. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Я новенький в этом, помогите пожалуйста.

Есть сайт и есть маленькая картинка, её нужно закрепить в верхнем левом углу и что бы при скроллинге она оставалась там. С чего начать?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.06.2013, 21:05
Ответы с готовыми решениями:

Закрепить картинку справа внизу
Кто сможет подсказать как закрепить картинку справа с низу Получилось так только с верху справа <img style="top: 5%;...

Как закрепить картинку за надписью, на резиновом сайте?
Всем привет, Подскажите, возможно ли закрепить рисунок за текстом, на резиновом сайте - чтобы при масштабировании на любых экранах...

Закрепить картинку на заднем фоне, но не задеть тексты (CSS)
Добрый день, проблема такая, нужно намертво закрепить картинку на задней фоне, но не задеть сами тексты. Незнаю как правельно написать :)...

7
Нарушитель
 Аватар для gulliver
86 / 86 / 9
Регистрация: 09.05.2012
Сообщений: 456
02.06.2013, 21:21
HTML5
1
<div id="smallImg"><img src="маленькая картинка"></div>
CSS
1
#smallImg {position:absolute; top:0; left:0;}
1
0 / 0 / 0
Регистрация: 02.06.2013
Сообщений: 4
02.06.2013, 21:27  [ТС]
делал так, вот что получилось http://inlineage2.ru/

флаг слева это именно та картинка что я хочу закрепить. При скроллинге её нету и все тело сайта сунула вниз.
Может быть я не туда вставляю её?
вставляю в idex.php перед Header
0
Нарушитель
 Аватар для gulliver
86 / 86 / 9
Регистрация: 09.05.2012
Сообщений: 456
02.06.2013, 21:34
что не так ?
Миниатюры
Не могу закрепить картинку  
1
0 / 0 / 0
Регистрация: 02.06.2013
Сообщений: 4
02.06.2013, 22:00  [ТС]
ну если прокрутить страницу вниз картинка не остается , я хочу закрепить её в левом верхнем углу браузера
0
Нарушитель
 Аватар для gulliver
86 / 86 / 9
Регистрация: 09.05.2012
Сообщений: 456
02.06.2013, 22:02
Вот так сделай.
HTML5
1
2
3
4
5
<div id="rasp" style="height: 100px;">
<div class="dock" style="position: fixed;width: 100%;left: 0;top: 0;">
<a href="http://inlineage2.ru/"><img src="http://inlineage2.ru/wp-content/uploads/2013/05/animator.gif"></a>
</div>
</div>
1
0 / 0 / 0
Регистрация: 02.06.2013
Сообщений: 4
02.06.2013, 22:26  [ТС]
получилось, только еще чуть чуть надо тело сайта выше http://inlineage2.ru/

Добавлено через 4 минуты
Все уже сделал, большое спасибо. СПАСИБО!!!)
0
Нарушитель
 Аватар для gulliver
86 / 86 / 9
Регистрация: 09.05.2012
Сообщений: 456
02.06.2013, 22:27
потому что ты написал:
HTML5
1
<div id="rasp" style="height: 10px;">
а надо

HTML5
1
<div id="rasp" style="height: 100px;">
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.06.2013, 22:27
Помогаю со студенческими работами здесь

Как закрепить картинку по центру и обтекание текстом слева
Пожалуйста обясните как это сделать максмально просто для понимания новичку.. &lt;section&gt; &lt;div class=&quot;container&quot;&gt; ...

Не могу закрепить текстовый слой к странице и уменьшить расстояние между строк
Народ хелп! Работаю в dreamweaver. Сделал второй слой с текстом, который в программе позиционируется как надо (в css), а при экспорте...

HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку
Вот схема моего сайта. http://s020.***********/i716/1404/8c/254516feacb3.jpg У меня пока что на этой странице есть: 1. Элемент Фон -...

Не могу вставить картинку в шапку
Добрый день! Не отображается картинка в браузере. файлы logo.jpg , OPopStarStyle.css, OPopStar.html лежат в одной папке. Браузер сам...

Не могу поставить картинку на задний фон
Вот код:&lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; .tbl1 { background: url('back.jpg'); background-repeat: no-repeat; } ...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru