Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Стили (CSS) » Шапка отображается криво

Шапка отображается криво

JoiLink 21.11.2011 верстка Все вопросы » Стили (CSS) 3368

вопрос

Вот все у меня через одно место. На выходных встроил в шапку картинку 150х1000px Все норм. Пришел на работу, открыл и ужаснулся (на скрине) Я понимаю что картинка так отображается из-за разрешений мониторов, но есть ли какой либо способ адаптировать картинку, что бы она была резиновой или что нибудь, лишь бы смотрелось аккуратнее и не наезжала на соседние панели.

Показать / Скрыть текст

Ответил: ПафНутиЙ

gooogle

11 комментариев

Юзер

coolrsm - 2015-07-0121 ноября 2011 11:16 - #2443

попоробуй картинке задать
width:100% или
width:auto
может получиться,я в css слобак

Юзер

JoiLink - 2015-07-0121 ноября 2011 11:23 - #2444

попробовал. Не помогло recourse

Вот код, если поможет:

Показать / Скрыть текст

.head { width: 100%; }
    .head li { position: relative; float: left; width: 23.5%; margin-top: 14px; }
    .head li div, .head li img { width: 1000px; height: 151px; display: block; }
    .head li.rdl4 div { background: url("../images/rdl4.png"); }
    .head li.rdl4 div span { color: #fff; display: block; padding: 52px 0 0 17px; }

Админ

3457

ПафНутиЙ - 2015-07-0121 ноября 2011 19:53 - #2449

Для кода есть тег специальный. Нечего просто так код в спойлер совать.
поправил.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

JoiLink - 2015-07-0121 ноября 2011 21:54 - #2455

1- я не совал, а написал если поможет, т.к. мне попробовал помочь coolrsm
2- собственно чего можно ожидать, если создаешь сайт для помощи? Не думали же вы, что вопросы будут все сверхъидейные? Мир состоит из мелочей. И если бы на них не обращали внимания, то мы бы до сих пор бегали на четвереньках, сверкая голой задницей и держа банан в руке

Админ

3457

ПафНутиЙ - 2015-07-0121 ноября 2011 22:14 - #2456

Моё мнение о помощи таково:
Нужно помогать не решать конкретную проблему каждый раз, а помогать не допускать её возникновения в будущем.
И до тех пор, пока сам человек не научится хотя бы пользоваться поисковиком, и будет формировать свои вопросы подобным образом - будет получать подобные ответы.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

JoiLink - 2015-07-0121 ноября 2011 23:06 - #2458

А каким образом я его сформировал? Модерацию он прошел, а значит вы взялись помоч. И ответ гугл? Ну ок, пусть будет так

Админ

3457

ПафНутиЙ - 2015-07-0121 ноября 2011 23:27 - #2460

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

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

JoiLink - 2015-07-0122 ноября 2011 00:13 - #2467

Да я что еще спорить должен что ли? lol

Но способ отличный. Задали вопрос - нате вам ссылку в гугл.
А код писал не я. Шаблон готовый был. Я пытаюсь его переделать
css код я показал, собственно он и должен отвечать за внешний вид блоков, если я прав.
а в main.tpl я оставил все как есть. Ну только удалил лишние 3 картинки (раньше их было 4)

Показать / Скрыть текст

Уж не знаю какого теперь ждать ответа. Может явного оскорбления, кто знает

PHP-developer

1783

Sander - 2015-07-0122 ноября 2011 00:51 - #2468

Тут скорее учебник по html поможет или не морочь голову себе и людям и закажи это дело специалисту.
Увидев код (наконец-то!) стало ясно, что выводится все правильно. Просто сделано "через одно место". Видно явное не понимание назначения элементов. Все скидано в кучу. Вот что видно сразу, не углубляясь особо в код:
1. Используется список состоящий из одного только элемента.
2. Элементу списка задана ширина 23.5%, а его внутренним элементам 1000px.
3. У div-а задан фон, потом в этот div еще вставляется картинка, котороя, теоретически перекрывает полностью этот фон.
В общем бред написан, а не код.

А вообще для картинки, в таком случае, надо использовать абсолютное позиционирование.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

JoiLink - 2015-07-0122 ноября 2011 10:13 - #2472

Что ж. Думаю надо извиниться. Поправил ширину с 23.5% на 100% и 1000px тоже на 100% все стало нормой. Шапка тянется. Спасибо

Юзер

JoiLink - 2015-07-0122 ноября 2011 01:06 - #2469

Ну пошел учить html
Спасибо вам, гуру

Шапка отображается криво

Ответил: ПафНутиЙ

11 комментариев

Похожие вопросы

Как сделать обрезание картинки

Картинка и дополнительные поля

Расшарить отдельную картинку из новости в вконтакт (кнопкой)

Не работает картинка всплывающем окне

Помогите наложить на шапку BPlay

Рамка вместо ватермарка

Как обрезать картинку сверху и снизу?

Как сделать картинку ссылкой?

Как сделать вертикальное центрирования картинки относительно высоты блока?

Как правильно скрыть главную картинку к новости у тега {full-story}?