Связать текст с изображениями в формате HTML? - PullRequest
Новая
       5

Связать текст с изображениями в формате HTML?

0 голосов
/ 14 января 2012

Я пытаюсь создать панель меню для моего сайта, у меня есть изображение для самой панели, и текст должен идти поверх нее ... Все это живет внутри таблицы.Вот что у меня сейчас: 

<tr>
    <td>
        <img src="images/index2_04.jpg" width="667" height="33" alt="">
        <div style="position:absolute; left:50%; top:22%;">
<h1><a href="/index.html">Home</a> <a href="/more.html">More </a><a href="/help.html">Help</a></h1>
<div>
</td>
</tr>

Как видите, я пытался связать изображение и текст с процентами, но несмотря на то, что расстояние должно оставаться неизменным относительно изображениятекст изменяется и перемещается при тестировании на разных устройствах.Есть ли лучший способ сделать это?Или я что-то не так делаю?

Заранее спасибо;)

1 Ответ

2 голосов
/ 14 января 2012

То, что вы хотите сделать, это установить изображение в качестве фона на DIV.

Вы можете сделать это следующим образом: 

<html>
<head>
<style type="text/css">
div.example
{
background-image:url('images/index2_04.jpg');
background-repeat:repeat-x;
}
</style>
</head>

<body>
<div class="example"><a href="/index.html">Home</a></div>
</body>

</html>
...