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

Обрезается изображение в шапке

02.02.2016, 19:59. Показов 2026. Ответов 5
Метки нет (Все метки)

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

1 картинка - так отображается на широком экране

2 картинка - так на узком
Миниатюры
Обрезается изображение в шапке   Обрезается изображение в шапке  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.02.2016, 19:59
Ответы с готовыми решениями:

Как разбить изображение в шапке
Добрый день! Такой вопрос сложился, сейчас в шапке такой код: <header class="site-header size-lg text-center"...

Выравнять изображение в шапке сайта
Всем желаю доброго времени суток! Была задача воткнуть изображение по центру шапки, а так как на сайт подключен бутстрап, я сделал так...

Изображение в шапке форума и погодный информер
Имется форум phpbb3 стиль сабсильвер2. Нужно добавить код информера и изображение со ссылкой на другой сайт . Пробовал вставлять код...

5
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
02.02.2016, 20:36
ну, скорее всего картинка задана бэкграундом блоку и при уменьшении размера просто обрезается. без кода или ссылки на сайт точнее не сказать
0
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
03.02.2016, 07:43  [ТС]
В общем вроде разобрался, одна маленькая проблемка осталась. У меня стили для элементов в шапке были прописаны через element.style

element.style {
left: -126.1px;
top: 6.6px;
margin-left: 0px !important;

Я в css с помощью !important перебил эти значения, однако margin-left также указан с !important, соответственно из css он не перебивается. Т.е. изображение уже не обрезается, но отступ от края нулевой. Так что похоже все таки придется править этот element.style, а где его взять проблема, есть мнения на это счет?

сайт http://investgl.ru
0
8 / 8 / 3
Регистрация: 18.04.2014
Сообщений: 56
03.02.2016, 09:15
Что именно хотите сделать? Что такое element.style и где вы его нашли?
0
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
03.02.2016, 12:05  [ТС]
Через element.style было задано расположение картинки в шапке. С проблемой размещения я худо бедно разобрался. Однако, так как я хочу изменить слоган в шапке мне все равно нужен доступ к Html файлу шаблона, где, судя по всему, и заданы параметры этого element.style. А найти его расположение у меня никак не получается. Сайт работает на вордпрессе и это похоже распространенная проблема для CMS. Так что если у вас есть решения буду признателен, а то я уже разуверился, что его можно найти)
Миниатюры
Обрезается изображение в шапке  
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
03.02.2016, 12:20
Inside12, стесняюсь спросить, а кто делал шаблон? Обведённые Вами стили указаны внутренним стилем и не находятся в отельном файле... А подлезть к ним можно, как я полагаю, через файл header.php с помощью редактора в админке, если они не динамические...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.02.2016, 12:20
Помогаю со студенческими работами здесь

Обрезается изображение
Добрый день! Есть код, который рисует две прямые из точки (0,0) в (15,0) и (0,15). Но эти прямые отображаются не полностью, а...

Проектор benq mp 723 изображение от проектора на полотно обрезается
Ребята помогайте) проектор висит на стене, ноутбук asus k50ij, и бывает что изображение от проектора на полотно обрезается, то есть было во...

Как менять изображение в шапке для страницы пункта меню?
Здравствуйте! Новичок в wordpress. Сайт на localhost. Тема — Graphene. Добавил пункт меню — рубрику. Как сделать так, чтобы в шапке...

Обрезается $_POST
Добрый вечер, подскажите пожалуйста в чем может быть проблема, у меня обрезается текст отправленные постом: Отправляю через ajax...

Обрезается график
Нужно построить график функции в диапазоне от 0 до 20 дБ. При переходе от разов к дБ график обрезается, хотя в разах все строиться...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
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