Правка верстки на 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...

страница после изменений
страница после изменений

Print Friendly Version of this pagePrint Get a PDF version of this webpagePDF