Ответить на тему  [ Сообщений: 9 ] 
Почему рисунок прилипает кверху 
Автор Сообщение
Опытный

Зарегистрирован: 03 сен 2010, 17:56
Сообщений: 560
Пол: мужской
Репутация: 374
Добавить пункт репутацииВычесть пункт репутации
Сообщение Почему рисунок прилипает кверху
Всем добрый день :)

Хотел я расслабиться после своей маленькой победы. Оказывается расслабляться оказалось рано :stop: Текст в вёрстке хоть и стоит по центру но средний рисунок почему-то прилипает кверху https://i.imgur.com/aspOlTU.png Если обратить внимание, то в нём больше текста чем во всех остальных рисунках. И создаётся впечатление, что текст именно и выдавливает рисунок кверху. Уж что я только не делал. Менял маржины и паддинги. Пробывал позиционирование. Безрезультатно. Рисунок как приклеился кверху. Помогите пожалуйста решить эту проблему. Ссылку на сайт или сайт в коробке я скину.

С уважением и благодарностью Сергей Кондулуков


04 ноя 2018, 13:37
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Сергей, зачем вы плодите лишние темы?
На сколько мне известно, Чумак и Кашпировский на этом форуме не сидят, а мы не умеем работать по фото :lol: Но на первый взгляд похоже, что вам всё портит свойство ailign-items. Остальное можно будет сказать видя код.
В соседней теме я вам дал решение. Вот как выглядят несколько таких карточек, если брать за основу мой код.
В общем так как у вас с флексами туго, вот вам несколько ссылок, изучайте:
Раз
Два
Три
Четыре

_________________
Не всё валидно, что не видно.


04 ноя 2018, 18:42
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 03 сен 2010, 17:56
Сообщений: 560
Пол: мужской
Репутация: 374
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Юрий большое спасибо за ответ.

Вот ссылка на сайт https://yadi.sk/d/j2bnqlAuo_wo9w. А вот как эту задачу решил профи. Сергей Гармаш :) https://yadi.sk/d/GrWwUv4uUacxmw

Спасибо за ссылки. Flex-box так же как и css-grid мне пригодится :)

С уважением и благодарностью Сергей.


04 ноя 2018, 22:21
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Habilis писал(а):
А вот как эту задачу решил профи. Сергей Гармаш.

А что он теперь вёрсткой занимается? Из актёров ушёл? :lol:
Ваш профи не использовал display flex для селектора box. Вы же делаете всё через флексы. Поэтому, как я и предполагал, в вашей беде виновато вертикальное выравнивание. Только в вашем случае, т.к. вы изменили положение оси свойством flex-direction, за вертикальное выравнивание отвечает свойство justify-content. Измените или удалите его. Вот я отключил его в просмотрщике кода. На скриншоте видно, что всё встаёт как нужно.

_________________
Не всё валидно, что не видно.


05 ноя 2018, 16:36
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 03 сен 2010, 17:56
Сообщений: 560
Пол: мужской
Репутация: 374
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Юрий, спасибо тебе огромное

Вот оказывается в чём была проблема :) Сергей не актёр а инженер а работает он здесь mwsystems.ru

Оказывается я мало знаю флекс :shock: Ничего буду изучать :drinks:


С уважением и благодарностью Сергей

Добавлено спустя 44 минуты 34 секунды:
Юрий. Большое тебе спасибо за ссылки.

Буду изучать :-)

С уважением и благодарностью Сергей


05 ноя 2018, 21:14
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Habilis писал(а):
Сергей не актёр а инженер...

Юмор был не понят. Я этого Гармаша имел в виду :)

_________________
Не всё валидно, что не видно.


06 ноя 2018, 11:57
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 03 сен 2010, 17:56
Сообщений: 560
Пол: мужской
Репутация: 374
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
А это его однофамилец :-)

Добавлено спустя 44 минуты 41 секунду:
Он его однофамилец. За ссылки спасибо. Буду изучать flex.


06 ноя 2018, 21:06
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 03 сен 2010, 17:56
Сообщений: 560
Пол: мужской
Репутация: 374
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Юрий добрый вечер :-)

А наследуются ли флекс свойства. Например есть родительский див div.box С флекс свойствами Есть дочерний див div.img_tm будет ли дочерний див наследовать свойства родителя если они не прописаны явно.


07 ноя 2018, 20:37
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Почему рисунок прилипает кверху
Habilis писал(а):
наследуются ли...

Ну так проявите самостоятельность, создайте тестовую страничку с тройкой дивов и проверьте это :wink: Вот мой пример. Наглядно видно, что для родительского div (серый контейнер) задано justify-content: flex-end, и это ни как не повлияло на зелёный контейнер. А это значит, что свойство не наследуется.
А, если проще, то заходим в справочник, выбираем нужно свойство и смотрим то, что нас интересует.

_________________
Не всё валидно, что не видно.


08 ноя 2018, 11:51
Профиль Отправить личное сообщение
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 9 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме Рисунок в "шапке"

в форуме CSS И ВЕРСТКА

L1LY

6

1355

07 дек 2011, 22:31

L1LY Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме КакСделать,чтобы рисунок в таблице был прижат к правому краю

в форуме CSS И ВЕРСТКА

Мага

2

1212

04 окт 2010, 16:23

Fatima Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Фоноый рисунок виден лиш в редакторе. Хелп ми плиз.

[ На страницу: 1, 2 ]

в форуме ДРУГИЕ ВОПРОСЫ ПО РАЗМЕЩЕНИЮ САЙТА

Елиссей

13

1896

22 июл 2009, 11:07

Dishvola Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Как сделать фоновый рисунок страницы на весь экран

в форуме CSS И ВЕРСТКА

Евгения

4

3535

27 апр 2010, 19:28

huligan Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме В Мозиле не отображается рисунок(шапка) шаблона

в форуме ШАБЛОНЫ И ВНЕШНЕЕ ОФОРМЛЕНИЕ JOOMLA

Жанна

3

1867

24 ноя 2011, 09:40

Жанна Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: