Emerald
Подскажите как сделать как в прикрепленном файле.
Для сайта http://mobifilm.su/
Нужно вставить в блок между
оиск Стол заказов Эротика
Все фильмы Жанры Анонсы
Во втором прикрепленом файле исходная картинка
добавлено спустя 2 минуты:
Тоесть в ленту вставить скрины с фильмов
NiceCat
margin-right: 10px;
10px меняешь на своё значение
Прописывать в диве отвечает за этот блок
NiceCat
да там нужно будет подбирать, а лучше сделай по одному кадру картинки, и фон из них делай для дива.
например:
.lenta {
background: #fff url('kadr.png') no-repeat top;
margin: auto;
}
но тогда прийдётся для кажого кадра применять этот див.
Вот должно работать поидее)
mix
Emerald, вот один вариант как осуществить...
в css пишешь
---
.lenta {
background: url(lenta.png) no-repeat 50% 50%;
padding: *;
margin: **;
}
---
в коде прописать:
<div class="lenta">
<table>
<tr>
<td><img src="nasha_russia.png"/></td>
<td><img src="bla_bla.png"/></td>
<td><img src="bla_bla_bla.png"/></td>
</tr>
<table>
</div>
Только этим все не заканчивается.
Надо поиграть с цифрами *(padding) и **(margin),
пока не получишь тот результат, который тебе нужен.
P.S. Есть много вариантов, этот один из них.
deadline404
.lent {
display: inline;
}
<div class="lent"><img src="картинка"></div>
<div class="lent"><img src="картинка"></div>
<div class="lent"><img src="картинка"></div>
<div class="lent"><img src="картинка"></div>
добавлено спустя 1 минуту:
таблицы придуманы не для вёрстки, используйте их по назначению - при составлении таблиц. для вёрстки - дивы
deadline404
В CSS
#lenta {
background: url('lenta.png');
}
#lenta .lenta {
display: inline;
}
В HTML
<div id="lenta">
<div class="lenta"><img src="картинка"></div>
<div class="lenta"><img src="картинка"></div>
<div class="lenta"><img src="картинка"></div>
<div class="lenat"><img src="картинка"></div>
</div>
добавлено спустя 1 минуту:
padding'и и margin'ы сам раставь иначе не будет отображаться как надо..