Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Responsive design: inline-block - расползаюцца гады и не пойму почему / 25 сообщений из 41, страница 1 из 2
25.12.2012, 10:46
    #38091557
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Ребята помогите пожалуйста - бьюсь уже 2 дня и не могу понять почему плывут inline-block
посмотреть тут

И еще проблема с Opera mini - не понимает line-heigt (смотреть при ширине экрана менее 480px)
хоть и ставлю костыль в виде height, но текст уплывает, а попытка его подпереть padding - приведет к тому что в нормальных браузерах все поплывет

Помогите плиз советом
...
Рейтинг: 0 / 0
25.12.2012, 10:47
    #38091558
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
особенно удручает что при уменьшении ширины окна - "большие" блоки ведут себя вообще непонятно как..
...
Рейтинг: 0 / 0
25.12.2012, 12:13
    #38091697
няка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
нормально вроде себя ведут, ток по высоте скачут слегка, так и выровняйте их
Код: css
1.
.productList li { vertical-align: middle; }
...
Рейтинг: 0 / 0
25.12.2012, 14:40
    #38091986
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
няканормально вроде себя ведут, ток по высоте скачут слегка, так и выровняйте их
Код: css
1.
.productList li { vertical-align: middle; }

+1

sp,

Респонсив это хорошо, но почему широкоформатные мониторы в аутсайдерах? Ширина в 4 колонки остается таковой после размера примерно в 1400px, то есть счастливый обладатель фулл-хд видит унылый сайт фиксированной ширины образца начала века.

А еще конские поля слева и справа. Из-за них при сужении браузера четыре колонки превращаются в три слишком внезапно, когда места по краям еще дофига. Причем три колонки съедают эти поля как им полагается. Две колонки, видимо, недоверстаны, ибо вообще ужасны.

В общем, тут еще пилить и пилить.
...
Рейтинг: 0 / 0
25.12.2012, 14:48
    #38092011
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Грубая ошибка: перед переходом в двухколоночный режим прячется самая нужная инфа — номера телефонов. Лучше Гриба прячь, всем во-первых покуй на его фио, во-вторых, из надписи даже не видно, чей он дилер (с одной л, к слову). Абсолютно бесполезная строчка.

Код: plaintext
1.
Автомобильные                 +38 (095) 329 - 42 - 82
электроподогреватели          +38 (097) 444 - 23 - 18
...
Рейтинг: 0 / 0
25.12.2012, 14:50
    #38092016
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Ой, случайно реклама))
...
Рейтинг: 0 / 0
25.12.2012, 16:50
    #38092268
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Antonariy,

Спасибо за конструктивные советы))
...
Рейтинг: 0 / 0
25.12.2012, 16:53
    #38092271
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
AntonariyГрубая ошибка: перед переходом в двухколоночный режим прячется самая нужная инфа — номера телефонов. Лучше Гриба прячь, всем во-первых покуй на его фио, во-вторых, из надписи даже не видно, чей он дилер (с одной л, к слову). Абсолютно бесполезная строчка.

Код: plaintext
1.
Автомобильные                 +38 (095) 329 - 42 - 82
электроподогреватели          +38 (097) 444 - 23 - 18


При таком раскладе шабка не станет сильно тяжеловесной - 2 строки h1 !?

А Гриба жалко - егож надо кудато воткнуть!?)
...
Рейтинг: 0 / 0
25.12.2012, 17:13
    #38092309
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spПри таком раскладе шабка не станет сильно тяжеловесной - 2 строки h1 !?Ну, шрифт им уменьши.
spА Гриба жалко - егож надо кудато воткнуть!?)Да никуда. В полномасштабном режиме глаза мозолит, и довольно с него. :))
...
Рейтинг: 0 / 0
25.12.2012, 17:21
    #38092328
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
няка,

Спасибо!
...
Рейтинг: 0 / 0
25.12.2012, 17:23
    #38092333
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Antonariyто есть счастливый обладатель фулл-хд видит унылый сайт фиксированной ширины образца начала века

Не понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста
...
Рейтинг: 0 / 0
25.12.2012, 17:25
    #38092338
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
исправил

Код: css
1.
.productList li { vertical-align: middle; }



но почемуто самый последний элемент както сиротливо ко всем прижимаецца!
Чего это он??
...
Рейтинг: 0 / 0
25.12.2012, 17:29
    #38092345
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Вот картинка
...
Рейтинг: 0 / 0
25.12.2012, 17:44
    #38092369
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spНе понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста
В прошлом 20м веке структура сайтов в основном представляли собой меню слева/сверху и контент, заполняющий все остальное пространство (порносайты тогда были исключением — на них было большое разнообразие визуальных структур, впрочем реализованных однотипно — таблицей с килотоннами графики, разбитой на части, и мапами). В начале этого века появилась мода на что-то напоминающее дизайн, но приличный дизайн натянуть на такую структуру сложно, поэтому вслед за ним в моду вошли сайты фиксированной ширины, расположенные по центру страницы (или слева, если верстальщик лошара), — фиксация не дает дизайну превратиться в ужос. Потом стремительным домкратом на рынок ворвались жк-мониторы, которые имеют более широкий спектр разрешений, чем элт, и заточка сайтов под 1024/15" или 1280/17" перестала иметь глубинный, обоснованный клиентским железом смысл, а Татьянычу пришлось "изобрести" резину.
...
Рейтинг: 0 / 0
25.12.2012, 18:06
    #38092394
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spВот картинкаНе вижу такого. Зато вижу в IE10 и опере неадекватный перенос строк, и в том же ie совсем не круто происходит переход от двух колонок плиток к к двум колонкам плашек и далее. Разные элементы меняют свойства не синхронно.
...
Рейтинг: 0 / 0
25.12.2012, 18:21
    #38092404
няка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
в 9 ие тоже вижу эффект описанный Antonariy
сиротливо прижимающегося последнего не смог обнаружить, у меня все норм
...
Рейтинг: 0 / 0
25.12.2012, 20:05
    #38092515
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Antonariy,

не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..
...
Рейтинг: 0 / 0
25.12.2012, 20:24
    #38092531
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
а что можно поделать с Opera Mini??
...
Рейтинг: 0 / 0
25.12.2012, 20:47
    #38092565
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
AntonariyspНе понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста
В прошлом 20м веке структура сайтов в основном представляли собой меню слева/сверху и контент, заполняющий все остальное пространство (порносайты тогда были исключением — на них было большое разнообразие визуальных структур, впрочем реализованных однотипно — таблицей с килотоннами графики, разбитой на части, и мапами). В начале этого века появилась мода на что-то напоминающее дизайн, но приличный дизайн натянуть на такую структуру сложно, поэтому вслед за ним в моду вошли сайты фиксированной ширины, расположенные по центру страницы (или слева, если верстальщик лошара), — фиксация не дает дизайну превратиться в ужос. Потом стремительным домкратом на рынок ворвались жк-мониторы, которые имеют более широкий спектр разрешений, чем элт, и заточка сайтов под 1024/15" или 1280/17" перестала иметь глубинный, обоснованный клиентским железом смысл, а Татьянычу пришлось "изобрести" резину.

а как бы вы реализовали дизайн??
...
Рейтинг: 0 / 0
26.12.2012, 02:43
    #38092804
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
Модульной сеткой.
...
Рейтинг: 0 / 0
26.12.2012, 02:52
    #38092807
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spAntonariy,

не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил.
...
Рейтинг: 0 / 0
26.12.2012, 09:55
    #38092919
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
AntonariyМодульной сеткой.

Ну модульная сетка же не поддается media-quriyam - это ж статика!
Там же надо юзать js чтоб количество колонок менять
...
Рейтинг: 0 / 0
26.12.2012, 09:57
    #38092923
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
AntonariyspAntonariy,

не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил.

у меня в зависимости от размера окна (т.е. фоны и табы всякие или десктоп - у картинок прописывается разный href чтоб не грузить на телефон с модемной скоростью большие картинки (у нас в Окраине 1G даже не дошел еще))
...
Рейтинг: 0 / 0
26.12.2012, 10:05
    #38092931
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spAntonariyМодульной сеткой.

Ну модульная сетка же не поддается media-quriyam - это ж статика! Сетка сетке рознь, некоторые еще как поддаются. Например, fluid 960 это чистый css, все ее классы можно невозбранно расширять и переопределять в media-секциях.
...
Рейтинг: 0 / 0
26.12.2012, 10:18
    #38092958
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Responsive design: inline-block - расползаюцца гады и не пойму почему
spAntonariyпропущено...
Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил.

у меня в зависимости от размера окна (т.е. фоны и табы всякие или десктоп - у картинок прописывается разный href чтоб не грузить на телефон с модемной скоростью большие картинки (у нас в Окраине 1G даже не дошел еще))Я бы разместил картинки в бекграунде, а css-классы с бекграундом генерировал на сервере, хотя это немного увеличит размер страницы.

Впрочем, там не только картинки ресайзятся не вовремя.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Responsive design: inline-block - расползаюцца гады и не пойму почему / 25 сообщений из 41, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]