Для веб-страницы я использовал идентификатор div, который с помощью css вставляет логотип непосредственно на страницу. Я бы хотел, чтобы этот логотип был связан с (например) домашней страницей. Я могу сделать это легко, сделав это <a href=xyz><div id=logo></div></a> of.course, который не проверяет (в конечном итоге DTD XHTML 1.0 Strict).Ссылка на CSS вложенное изображение
Может ли кто-нибудь предложить (возможно очевидную) лучшую практику? Благодаря
Вы можете сделать прочь с неудобным SPAN и DIV загромождают ваш и сама ссылка должна быть блоком.
<a href="http://example.com/" id="logo"> </a>
И в вашем CSS, стиль его фона и размера его к размерам изображения, которое вы хотите быть интерактивными:
#logo
{
background:url("/path/to/image.jpg");
display:block;
width:200px;
height:80px;
}
<a href="something"><span class="logo"></span></a>
Вы, возможно, придется объявить <span> в display: block;.
<a href=""><span></span></a>
Применить фоновое изображение, ширину, высоту и отображение: заблокировать интервал. Надеюсь, это поможет!
Используйте пролетом:
<a href=xyz><span id=logo></span></a>
Не забудьте преобразовать интервал в блочный элемент в вашем CSS:
.logo {
display: block
}
Я использовал класс, а не идентификатор - Я полагаю, не мой ущерб , но работает отлично и, конечно, более элегантно, чем несколько пролетов - не нужен блок css, поскольку я использовал абсолютное позиционирование. Большое спасибо – 2009-08-08 14:32:00
Используйте 'ID ', если элемент появится один раз на странице. Используйте 'class', если он появится более одного раза. – random
Стоит отметить - и быстро исправить - спасибо эхо – 2009-08-08 14:39:46