как заставить изображение выступать в качестве ссылки без JavaScript - PullRequest
Новая
       24

как заставить изображение выступать в качестве ссылки без JavaScript

0 голосов
/ 26 мая 2011

Какое наилучшее решение для ссылки должно иметь как текст, так и изображение, и решение все равно будет проверено w3c в соответствии со СТРАКТОМ XHTML 1.0? И без JavaScript.

Ответы [ 3 ]

1 голос
/ 26 мая 2011

Используйте 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>
1 голос
/ 26 мая 2011

Я бы обернул ссылку (якорь) вокруг div, а предоставил бы div фоновое изображение w CSS.В пределах DIV добавьте диапазон, содержащий текст, и установите стиль «на полях» для диапазона, чтобы выровнять текст по вкусу.

По существу тестовый текст будет выглядеть наложенным на изображение.

Надеюсь, это поможет.

1 голос
/ 26 мая 2011

пытались ли вы прочитать http://htmldog.com/? Это обычно показывает, как использовать базовый HTML 

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