• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Помощь Нестандартный вывод последних записей на главной

kikorik

Постоялец
Регистрация
13 Май 2012
Сообщения
156
Реакции
20
Пытаюсь сделать вывод последних записей на главной как на джумле: первая новость во всю ширину, а ниже в две колонки. Первой записи прописываю width100%, а следующим width 50% float left. На первый взгляд все работает, но потом появлются просветы в колонках.
 
Пытаюсь сделать вывод последних записей на главной как на джумле: первая новость во всю ширину, а ниже в две колонки. Первой записи прописываю width100%, а следующим width 50% float left. На первый взгляд все работает, но потом появлются просветы в колонках.
Нужно больше веспен газа информации.
 
Как вариант можно Для просмотра ссылки Войди или Зарегистрируйся
Только тут вместо float'ов использую display inline-block. Возможно просветы у тебя появляются когда высоты разные у блоков и какойнить один блок переносится черт знает куда.
В этом плане инлайн-блок удобнее, только на родительский блок обязательно font-size: 0, сам размер указать уже в дочернем блоке.
 
Последнее редактирование:
Как вариант можно Для просмотра ссылки Войди или Зарегистрируйся
Только тут вместо float'ов использую display inline-block. Возможно просветы у тебя появляются когда высоты разные у блоков и какойнить один блок переносится черт знает куда.
В этом плане инлайн-блок удобнее, только на родительский блок обязательно font-size: 0, сам размер указать уже в дочернем блоке.

Вы совершенно правы, просветы из-за разной высоты. Вот про display inline-block совсем забыла. А почему нулевой размер ставить?
 
Вы совершенно правы, просветы из-за разной высоты. Вот про display inline-block совсем забыла. А почему нулевой размер ставить?
Я не объясню 100% точно, но чтото вроде косяка изза пробелов между блоками.
Т.е. для браузера структура с инлайн-блоками
<li>ЧТОТО ТАМ</li>
<li>ЧТОТО ТАМ</li>
Выглядит так
<li>ЧТОТО ТАМ</li> <li>ЧТОТО ТАМ</li>
Соответственно в итоговом варианте между блоками может возникнуть небольшое расстояние изза пробела между блоками в хтмл представлении браузера. Как следствие не будут работать варианты с шириной в 50%, изза того что каждый блок будет занимать 50%+небольшой пробел.
И чтоб избавиться от него проще всего указать на ul - font-size: 0;
Может быть не обязательно связка ul - li , любая аналогичная; divы так же под это решение попадают.

МОжно попробовать поиграться с этим по ссылке которую указал в предыдущем своем комменте. Просто уберите из ul'a строку с фонтсайзом.
 
Последнее редактирование:
Назад
Сверху