X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Настройка вида материалов в две колонки
NesterArtem
NesterArtem
Topic Starter сообщение 9.5.2014, 14:52; Ответить: NesterArtem
Сообщение #1


Здравствуйте, уважаемые!

Помогите пожалуйста с такой проблемой, как показано на скриншоте:

Ссылка
Кратко говоря, некоторые материалы не поднимаются вверх. Может знает как реализовать эту идею?

Должно быть так же, как показано ниже:
Ссылка

Вот сам код стилей вида материалов

[CSS].post {
width:47%;
background:#f9f9f9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:5px;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
margin-right:13px;
margin-bottom:15px;
overflow:hidden;
float:left;
}[/CSS]
<div class="post">
<div class="img-p"><a href="#"><img width="426" src="img/post.jpg" /></a></div>
<a href="#" class="title-p">Плавное увеличение картинки при наведении только на CSS3.</a>
<div class="text-p">
<p>Этот приём с картинками я использую у себя на блоге. Когда пользователь наводит на миниатюру любой записи она плавно увеличивается. Согласитесь, довольно не плохо и красиво смотрится.</p>

<p>И делается это только с помощью CSS3, и довольно таки просто. Сейчас я Вам расскажу как это делать.</p>
<p>Этот приём с картинками я использую у себя на блоге. Когда пользователь наводит на миниатюру любой записи она плавно увеличивается. Согласитесь, довольно не плохо и красиво смотрится.</p>

<p>И делается это только с помощью CSS3, и довольно таки просто. Сейчас я Вам расскажу как это делать.</p>
</div>
<a href="#" class="link-p">Подробнее</a>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2014, 15:34; Ответить: Wins
Сообщение #2


Отступы делайте в процентах, а то у вас ширина 47% и марджин 13px+падинг 5px, вот и съезжают блоки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NesterArtem
NesterArtem
Topic Starter сообщение 9.5.2014, 15:55; Ответить: NesterArtem
Сообщение #3


Отступы вообще не влияют тут. Как бы я их не изменял или даже не убирал, всё остается так же
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2014, 16:34; Ответить: Wins
Сообщение #4


Значит делайте два блока, левый и правый, а внутри них размещайте другие блоки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NesterArtem
NesterArtem
Topic Starter сообщение 9.5.2014, 17:14; Ответить: NesterArtem
Сообщение #5


К сожалению это не подходящий вариант
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 10.5.2014, 6:13; Ответить: Wins
Сообщение #6


Иначе никак, у вас высота у блоков разная, или делайте у всех блоков одинаковую высоту, или доп. контейнеры и в них помещайте блоки

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКомплексное продвижение в соцсетях: аудит, оформление, ведение и настройка рекламных кампаний.
Качественно и по вкусным ценам.
91 WildWeb8 62736 17.1.2024, 13:04
автор: WildWeb8
Открытая тема (нет новых ответов) Envato Elements - Предлагаю услуги по скачиванию материалов с популярного онлайн-маркета + Twenty20.com
Envato Elements + Twenty20.com
6 mogilover 2904 19.10.2023, 11:54
автор: mogilover
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМагазин лакокрасочных материалов с трафиком (Укр)
23 maxmer 3238 26.4.2023, 16:27
автор: maxmer
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНастройка яндекс директ рекламы БЕЗ РАСХОДОВ БЮДЖЕТА
Количество продаж будет ОГРАНИЧЕННО!
21 ITstaf 4256 7.11.2022, 16:31
автор: ITstaf
Открытая тема (нет новых ответов) Профессиональная настройка Яндекс Директ и Google Ads
1 Irina090 1243 24.9.2022, 22:44
автор: alex2211


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:48
Дизайн