вопрос
Здравствуйте. Наткнулся в интернете на длешный сайт http://post-hardcore.ru/
Мне очень понравилось как выполнен вывод новостей в короткой версии, а в полной версии вывод обычный.
Вот хочу себе на сайт такой же вывод и прошу Вас помочь мне в этом
Я уже пытался сам сделать, вскрыл CSS этого сайта и нашел там следующее:
Результата такого же не получил, всё криво и вообще фиг пойми что.
В CSS я не силён, поэтому и прошу помощи у Вас :)
Мне очень понравилось как выполнен вывод новостей в короткой версии, а в полной версии вывод обычный.
Вот хочу себе на сайт такой же вывод и прошу Вас помочь мне в этом
Я уже пытался сам сделать, вскрыл CSS этого сайта и нашел там следующее:
.maincont img { padding: 5px; border: none;}
div#newstyle {width: 100%; padding-right: 10px;}
div#newstyle img{max-width: 340px; margin-left: -355px; float: left; padding-right: 20px; }
div#newstyle p {margin-left: 360px; position: relative; z-index: 105; padding-right: 5px; width: 42%;}
Результата такого же не получил, всё криво и вообще фиг пойми что.
В CSS я не силён, поэтому и прошу помощи у Вас :)
Для получения такого эффекта достаточно добавить для рисунка всплывание налево:
.maincont img {
padding: 5px;
border: none;
float: left;
}
Рисунок уйдет влево и освободит место для текста справа.
Такое решение для короткой новости будет верно в том случае, если текст всегда короче рисунка по высоте, т.е. есть ограничения в шаблоне.
Это применимо для музыкальных сайтов.
Если текст может быть больше рисунка по высоте и нужно, чтобы текст не подъезжал под рисунок снизу, а стоял в своем столбце, то, тогда, самое простое решение - это таблица.
Первоначально, такую таблицу нужно вставить в шаблон HTML, а уже потом, в нее - нужные блоки, типа .maincont img и .maincont p, и уже им прописать нужные стили.
Такая таблица будет держать вертикальную ориентацию.
.maincont img {
padding: 5px;
border: none;
float: left;
}
Рисунок уйдет влево и освободит место для текста справа.
Такое решение для короткой новости будет верно в том случае, если текст всегда короче рисунка по высоте, т.е. есть ограничения в шаблоне.
Это применимо для музыкальных сайтов.
Если текст может быть больше рисунка по высоте и нужно, чтобы текст не подъезжал под рисунок снизу, а стоял в своем столбце, то, тогда, самое простое решение - это таблица.
Первоначально, такую таблицу нужно вставить в шаблон HTML, а уже потом, в нее - нужные блоки, типа .maincont img и .maincont p, и уже им прописать нужные стили.
Такая таблица будет держать вертикальную ориентацию.