Чат сообщества
Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
|
Архив - только для чтения |
| Модератор форума: Shеriff, JonMagon, Yuri_G |
| Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » текст по картинке |
| текст по картинке |
|
Здравствуйте migzi, можно классами сделать текст по верх картинки, вот пример кода:
Цитата <div style="background:url(/img/images1.png) top center no-repeat;width:200px;height:200px;padding:5px 5px 5px 5px;text-align:center;"> Текст сообщения </div> Второй вариант, более оптимальный использовать position, пример кода: HTML: Цитата <div class="layer1"> <div class="layer2"> <img src="images/girl.jpg" alt="Девочка" /> </div> </div> CSS: Цитата .layer1 { position: relative; /* Относительное позиционирование */ background: #f0f0f0; /* Цвет фона */ height: 200px; /* Высота блока */ } .layer2 { position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ line-height: 1px; } Люди дающие ссылку на свой сайт сразу, попадают в рай в не очереди
Сообщение отредактировал NurHasber - Среда, 13 Авг 2014, 18:16:01
|
| |||
| |||