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

Не смещается картинка с position:absolute

10.04.2022, 15:59. Показов 861. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Начал делать вторую страницу для своего сайта, элементы там очень похожи, как минимум - иконка сверху.
Подключил стили, всё точно работает, но почему-то картинка не смещается как мне нужно.
На другой странице все было хорошо, я уже на несколько раз проверил, что все те же самые атрибуты. Скорее всего, я что-то упустил, помогите пожалуйста.

HTML5
1
2
3
4
5
<div class="all_buy">
        <div class="logo_marinbay2">
            <img width=200 src="C:\Users\Stas\Desktop\Сервер майнкрафт\site\images\icon_text_blue.png">
        </div>
    </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
.all_buy {
    position: absolute;
    width:100%;
    height: 100%;
    overflow: hidden;
}
 
.logo_marinbay2 {
    position: absolute;
    top:25;
    left:50;
}
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.04.2022, 15:59
Ответы с готовыми решениями:

В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative
В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative. В каких случаях при верстке нужно...

Как связать блоки position: absolute; и position: relative; ?
Имеется слайдер position: absolute;. Картинка слайдера уменьшается пропорционально при уменьшении ширины экрана width: 100%;. Как...

Не могу разобраться с position-relative и position-absolute
Дано: в блоке со свойствами position-relative помещен блок со свойствами position-absolute. Вопрос: почему атрибуты top и bottom работают...

2
Эксперт PHP
 Аватар для Kerry_Jr
3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1
10.04.2022, 17:23
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

Цитата Сообщение от Dathris Посмотреть сообщение
CSS
1
2
top:25;
left:50;
У браузера нет единиц измерения по умолчанию, их нужно указывать
0
-11 / 1 / 0
Регистрация: 08.03.2020
Сообщений: 132
10.04.2022, 17:58  [ТС]
Проблема и вправду была в этом, спасибо большое.
Непонятно только как то же самое, без единиц измерения, работает на другой странице.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.04.2022, 17:58
Помогаю со студенческими работами здесь

ie position absolute
Здравствуйте. Есть блок td.image-td .speclabel-wrap { position: relative; } И у него родительская картинка td.image-td...

IE 8 и position: absolute
Не работает это свойство на ie8 ,перепробовал уже все методы из гугла, и с доктайпами и с джаваскриптами ничего не помагает

Position: Absolute.
Всем привет! У меня вопрос: можно ли каким-либо образом при изменении размеров окна броузера заставить текст находящийся сверху...

Position: absolute не работает в IE 11
не знаю, как быть...не отображается текст и иконки в IE 11, которые абсолютно спозиционированны. Скрины прикрепил.

Position:absolute и обтекание
Приветствую. Появилась задача, которую не удается решить. Есть страница с текстом, в которую нужно вставить абсолютно...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
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. На борту пять. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru