Рейтинг темы:
  • 0 Голос(ов) - 0 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
Требуется помощь верстальщиков
#1
Собственно проблема. Есть макет дизайна. Новостной контент реализован специфично. Если верстать блоками и в этот блок будет входить дата новости, то блоки будут перекрывать друг друга и нижняя часть предыдущего блока становится не кликабельна. Вопрос: как реализовать подобный контент 1 к 1 как на картинке и максимально правильно. Сложность в реализации даты и разделителя новостей.

[Изображение: xfFqDEPB.jpg]
Ответ
#2
Картинку не видел.
Но высота и соответсвенно порядок блоков это z-index
Ответ
#3
Я тоже думал через z-index, но насколько это правильно в данном случае?
Ответ
#4
если учесть что блок допустим
<div>
<h4>Дата</h4>
<h2>Зогаловок</h2>
<p>Текст</p>
<div>Навигазия</div>
</div>
В css на h4 пропиште text-align:right; display:block;
Используйте картинку Png для самого блока. Тогда сможете верстать блоками!
Так же для всех кроме 1 блока используйте margin-top:-npx;
Должно помочь!
JsFiddle: http://jsfiddle.net/2bJGK/
[Изображение: 1389531771-clip-42kb.jpg?nocache=1]
Ответ
#5
Сделайте у строки с "Читать подробнее" абсолютное позиционирование и пропишите отрицательную координату относительно низа.
div {position; relative;}
div p {position: absolute; bottom: -5px;}

Если хотите, можете отписать в асю, помогу.
Ответ
#6
всем спасибо за ответы, верстальщик реализовал
Ответ


Возможно похожие темы ...
Тема Автор Ответы Просмотры Последний пост
  Помощь перевода картинок elemwar1992 0 495 10-28-2023, 11:18 PM
Последний пост: elemwar1992
  Требуется займ Рулез 5 6,146 07-12-2023, 02:21 AM
Последний пост: Modestayn
  Помощь в выборе сборки. AG006 0 1,097 08-15-2019, 09:21 PM
Последний пост: AG006
  Требуется инвестор Interlude+ x50000 w586 2 1,547 06-12-2016, 07:03 AM
Последний пост: Emperor
  Помощь в вопросе скайпа Piar_MMO 8 1,887 02-20-2016, 02:05 PM
Последний пост: HaMeRoN
  Нужна помощь по ядру L2Nextgen. Kluni 1 1,335 09-20-2015, 06:41 PM
Последний пост: krisadr
  Срочно нужна помощь по архиву ZeRD 10 2,617 04-16-2015, 08:43 AM
Последний пост: Donatte
  .qmr Анимация? Помощь Awakardia 0 903 02-28-2015, 02:16 AM
Последний пост: Awakardia
  Нужна помощь Russ1aStar 2 1,210 11-24-2014, 06:40 PM
Последний пост: Russ1aStar
  Нужна помощь ) MaT 7 3,360 10-26-2014, 08:41 PM
Последний пост: MaT

Перейти к форуму:


Пользователи, просматривающие эту тему: 1 Гость(ей)