Question

让链接同时具有文本和图像的最佳解决方案是什么，并且该解决方案仍将在XHTML 1.0 STRICT下进行w3c验证？并且没有javascript。

Answer 1

您是否尝试过阅读http://htmldog.com/？这通常表明如何使用基本HTML

<a href="link.html">
  TEXT HERE
  <img src="imageurl.jpg" width="100" height="100" alt="TEXT HERE FOR ALT" />
</a>

Answer 2

使用CSS，首先不需要javascript。

<a href="#" class="image">Hello</a>

<style>
    .image {
       padding-left: 20px; // width of image
       background: url(image.jpg) no-repeat scroll left center;
       height: 20px; // height of image
       line-height: 20px; //height of image
       // other rules that you need  
    }
</style>

Answer 3

我将链接（锚点）包围在div和give the div a background image w CSS周围。在DIV中添加一个包含文本的范围并设置＆＃34; margin＆＃34;跨度上的样式使文本与品味对齐。

基本上测试TEXT将叠加在图像上。

希望这有帮助。

如何使图像充当没有javascript的链接

3 个答案: