Текст на картинке - есть ответ

Без имени, 288 просмотров

Здравствуйте. Я html и css знаю не очень хорошо и мне надо чтобы на картинке был текст.
Вот что в файле html:
<html>
<head>
<title>Umbrella - стена славы</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<center>
<span class="gray">
<h1>Umbrella</h1>
<br><h2>Стена Славы</h2>
</span>
</center>
<center><span id="top"></span></center>

</body>
</html>

Вот что в css:
body {background: #eee url("путь к фоновой картинке");}

h1 {color: #ffffff;}
h2 {color: #ffffff;}

#top:after {content: url('путь к картинке'); width: 1000px; height: 760px;}

Результат:
http://joxi.ru/OmfuUdg5CbDOdZALh28

Хотелось бы:
http://joxi.ru/92fuUdg5CbAFddNtC80

Просто фотошопом наложить - не выход, так как данные будут получаться из бд.

Ответы:

cOAPerator

клади картинку в див блок с position: relative
делай 2 див блок c текстом с position: absolute внутри первого блока и выравнивай текст куда надо свойствами left, right, top, bottom

12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.