Правка верстки на galleryua.com
Правка верстки. Некоторые длинные названия наезжают на кнопку «Хочу сюда» как здесь.
заголовок, в файле style.css строка 1063
вместо:
.showplace .h-caption { margin-left: 320px; }
вот это:
.showplace .h-caption { margin-left: 320px; margin-right: 220px; } .showplace .h-caption:before { content: ''; display: block; clear: both; }
Получаем следующее:
и строка 1160, для @media (max-width: 949px) добавить:
.showplace .h-caption { margin-right: 5px; }
с картинкой сейчас разберусь
[12:02:08] andrush85-skype: Ок, спасибо, сейчас перезагружусь и попробую вставить.
Вот код для определения размера картинки и выравнивания высоты блоков
jQuery(document).ready(function($) { function showplaceHeight() { if($(window).innerWidth() > 669) { var sp = $('.showplace'); var h = { hc: $('.h-caption', sp).outerHeight(), foto: $('.title-foto > img', sp).outerHeight() }; $('.info', sp).css('min-height', (h.foto - h.hc) + 'px'); } else { $('.info', sp).removeAttr('style'); } } showplaceHeight(); $(window).resize(function() { showplaceHeight(); }); $(window).bind('orientationchange', function() { showplaceHeight(); }); });
[12:02:08] andrush85-skype: Ок, спасибо, сейчас перезагружусь и попробую вставить.
[12:22:41] andrush85-skype: Поправил
[12:22:45] andrush85-skype: http://galleryua.com/photo-3/dostoprimechatelnosti/1000024-Mixajlovskaya...
[12:23:00] andrush85-skype: Можно конечно картинку оставить как есть, но сделать отсуп снизу следующего блока
[12:23:20] andrush85-skype: А можно попробовать как я написал вчера - обрезать и оставить центральную часть..
[12:42:22] weblancer Анатолий Мухин (HawKite) Caspio: ну я так понимаю изображения там могут быть по высоте разные, низкие как в макете и выше как тут, для высоких обрезка пройдёт нормально, но с низкими воникнут проблемы, дело ещё в том что блок с фото сделан независимым, тогда он становиться под заголовок на экранах поменьше без проблем чисто на стилях, иначе нужен js, хотя там пустяковый скрипт, и получается что лучше наверное сделать фото зависимым, а тогда нужно с помощью js перемещать его под заголовок, и тут получается раз js не избежать, то лучше оставить так и с помощью js получать размер картинки и подстраивать высоту основного блока под эту картинку, тоже пусятковый скрипт, поскольку чисто стилями с отступами не угадаешь из-за разной высоты картинок
[12:45:17] andrush85-skype: Хорошо, давайте так
[12:45:30] andrush85-skype: На екущей версии движка сделано вот так http://galleryua.com/photo/dostoprimechatelnosti/1000024-Mixajlovskaya-c...
[12:45:54] andrush85-skype: обрезается. Хотя это все же не самый лучший вариант.
[12:46:19] andrush85-skype: Можно еще картинку ограничить по ваысоте, а ширину сделать пропорциональной.
[12:47:26] andrush85-skype: Вообщем давайте наверное скриптом? Думаю это будет самый правильный вариант
[12:47:44] andrush85-skype: И еще подскажите что за проблема с картой http://galleryua.com/photo-3/dostoprimechatelnosti/1000024-Mixajlovskaya... когда я ее перемещаю вниз страницы.
После вставки получаем страничку http://galleryua.com/photo-3/dostoprimechatelnosti/1000024-Mixajlovskaya...
- Для комментирования войдите или зарегистрируйтесь