Question

I am trying to make a menu bar for my website, I ve got an image for the bar itself and the text should go ontop of it... All of this lives inside a table. This is what I have right now:

<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>

你们可以看到,我试图把图像和文字与百分比联系起来,但尽管距离应当与图像保持相同,但案文在不同的装置上进行测试时会改变和移动。是否有更好的办法这样做? 或者,我是否做了一些错误?

a. 预收;

Answer 1

你们想要做的是把形象描绘成多民族的背景。

你可以这样做:

<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>

友情链接