Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Full-link и текст поверх картинки.

Full-link и текст поверх картинки.


     05.01.2013    background, shortstory    Общие вопросы по вёрстке, Ламерские вопросы    4391

вопрос
Первое, full-link :
Full-link и текст поверх картинки.

Второе, как сделать текст, поверх изображения постера, который подгружается в short-story. Копал в сторону "background", но так ничего и не получилось. Хочу примерно так:
Full-link и текст поверх картинки.

Ответил: BR0kEN


1. Используйте:
<a href="{full-link}">TEXT</a>
2. Блоку с изображением задайте position:relative, поместите в него
<a href="{full-link}">Превью</a>
и задайте a
position:absolute;
с необходимыми координатами.

з.ы. Привожу код на тарелочке, т.к. из второго пункта вы ничего не поняли:
.image {
    position:relative;
}
.image img {
    width:300px;
    height:120px;
}
.image a {
    display:block;
    position:absolute;
    bottom:10px;
    right:10px;
    line-height:24px;
    background:#eee;
    color:#333;
    border-radius:5px;
    padding:0 5px;
}
<div class="image">
    <img src="{image-1}" alt="{title}" />
    <a href="{full-link}">Превью</a>
</div>
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх