To_wave
-
Posts
18 -
Joined
-
Last visited
To_wave's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо, вопрос решен с помощью гугла
-
Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут
-
Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппарате"
-
Эта идея не прокатит, допустим во второй строке будет всего 2 превью. Тогда в первой строке 3я останется без бордера. По поводу таблиц - есть над чем подумать. А подкажите еще, стоит ли пробовать flex? Как он будет поддерживаться браузерами? что с таблицами, что с flex - все одно. (по ссылке выше оставил вариант с таблицами) никаких изменений
-
Эта идея не прокатит, допустим во второй строке будет всего 2 превью. Тогда в первой строке 3я останется без бордера. По поводу таблиц - есть над чем подумать. А подкажите еще, стоит ли пробовать flex? Как он будет поддерживаться браузерами?
-
высота самого большого блока величина непостоянная и зависит от контента, когда больше, когда меньше. в этом случае снова приходим к скриптам.
-
А можно ли без скриптов? На чистом HTML+CSS
-
В процессе изучения и практики верстке споткнулся о такой момент: Как выровнять div блоки в стоке по высоте наибольшего (чтобы border-bottom всех трех блоков в строке был на одном уровне)? вот что сделано вот что задумано p.s. уважаемые модераторы, исправьте пожалуйста опечатку в названии темы.
-
Некропостинг на форуме не приветствуется. Новый вопрос - новая тема.
-
Подскажите пожалуйста, что упустил в этой верстке? Ссылка Не могу понять как заставить растягиваться .container по высоте в зависимости от контента.
-
Ну всё правильно он прижимает к левому краю. Вы сожмите у себя десктопный браузер до 1000 пикселей и посмотрите что будет. А почему тогда появляется отступ справа? Меня он больше всего беспокоит А так же, при условии, что ширина блока больше разрешения экрана должен быть не отступ, по нижний скролл. Или я чего то не понимаю
-
Есть ли какие нибудь идеи? В стандартном браузере после открытия страницы отображается как mobile_2 (см. пост выше) даже без масштабирования. Почему он не растягивается?
-
суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: 100%; display: block; margin: 0 auto; padding-left: 60px;}.site_name{ font-family: 'Life Savers', cursive; font-weight: bold; font-size: 30px; text-valign: center; color: white; margin: auto; } <body> <header> <div class="header"> <div class="site_name">**** *****</div> </div> </header> </body>Desktop: https://cloud.mail.ru/public/3f0d6a0671f4/desktop.png Mobile_1 (вид в начале) https://cloud.mail.ru/public/54b7a1acd1ab/mobile_1.png Mobile_2 (вид после масштабирования) https://cloud.mail.ru/public/3c731552b706/mobile_2.png
-
Всем доброго. Подскажите пожалуйста, как средствами HTML+CSS сделать такую тень (см. вложение) Или проще вырезать кусок из макета и вставить <img>?
-
Ludwig Voltman, bvvell, chocolate_molesПремного благодарен