Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Форум для новичков » Как вставить изображение Структуру style.css

Как вставить изображение Структуру style.css

Страница: 1

Сообщений 1 страница 3 из 3

1

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20

Подскажите код для вставки картинки в низ верхнего окна своего стиля Структура style.css что бы картинка размещалась там где сейчас, в том же размере, поверх фона.
форум  http://kypyansk.rolevaya.info
Сейчас изображение в HTML верх

Код:
<div style='position: absolute; top: 0; left: 1'><img src="https://forumstatic.ru/files/0010/96/f7/72182.png" width="300" height="180" border="0"></div>

Отредактировано 103 (Вт, 5 Янв 2021 23:46:38)

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51439
  • Уважение: +15399
  • Позитив: +11949
  • Последний визит:
    Сегодня 13:44:11

103
Смысла особого нет, в стиль пихают когда занимаемый код слишком большой, тут не особо сократитьсо, но лады

Вместо текущего кода оставляешь такое:

<img id="Monic" src="https://forumstatic.ru/files/0010/96/f7/72182.png">

В конец Первого окна стиля:

#Monic {
  width:300px;
  height:180px;
  position: absolute;
  top: 0; left: 0;
  border: 0 none;
}

Из замечаний: Я бы ужал картинку до 500px по ширине в редакторе изо, ибо нафига грузить юзера полтора мегабайтами загрузки на каждой странице(есть ещё мобилы с ограничением трафика)

Отредактировано Deff (Ср, 6 Янв 2021 00:06:25)

+1

3

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
Deff написал(а):

103
Смысла особого нет, в стиль пихают когда занимаемый код слишком большой, тут не особо сократитьсо, но лады

Вместо текущего кода оставляешь такое:

<img id="Monic" src="https://forumstatic.ru/files/0010/96/f7/72182.png">

В конец Первого окна стиля:

#Monic {
  width:300px;
  height:180px;
position: absolute;
top: 0; left: 0;
border: 0 none;
}

Из замечаний: Я бы ужал картинку до 500px по ширине в редакторе изо, ибо нафига грузить юзера полтора мегабайтами загрузки на каждой странице(есть ещё мобилы с ограничением трафика)

ОК! ужму картинку. Для мобилок мобильный стиль, он сильно не грузит трафик. Благодарю!  :flag:

Отредактировано 103 (Ср, 6 Янв 2021 00:40:05)

+1

Страница: 1

Вы здесь » Единый форум поддержки » Форум для новичков » Как вставить изображение Структуру style.css