Как картинку сделать ссылкой через файл style.css?

<a href="#"><div id="header">&nbsp;</div></a>

а в стиль #header добавить еще width

<a href="#"><div id="header">&nbsp;</div></a>

Это семантически неверно. Предпочтительный вариант

<style>

#logo {

text-indent:-9999px;

}

#logo a {

display:block;

width:100px;

height:100px;

background: url(images/header.jpg) no-repeat;

}



</style>

<div id="logo"><a hreg="#">Logo here</a></div>

Да ну вас нафик, чё тегами швыряетесь

<style>

a.logo

{

 display:block;

 width:100px;

 height:20px;

 background:url(images/header.jpg) no-repeat;

}

</style>

<a class="logo" href="#">Logo here</a>

<style>

a.logo

{

 display:block;

 width:100px;

 height:20px;

 background:url(images/header.jpg) no-repeat;

}

</style>

<a class="logo" href="#">Logo here</a>

проверили бы сначала свой код на работоспособность, а потом постили

Ну и в чём проблема, отпишите где не воркает: браузер(версия), DOCTYPE и т.п.

В вашем примере поверх бекграунда будет текст видно "Logo here". В моем же примере, используеться блок контейнер со свойством text-indent:-9999px; , которое этот самый текст уберает с видимой области блока-ссылки. Таким образом получаеться чистый блок с бекграундом, без видимого анкора. Но анкор присутствует в коде. Плюс в том что при отключении css ссылка будет иметь нормальный читаемый вид.

<style>

a.logo

{

 display:block;

 width:100px;

 height:20px;

 text-indent:-9999px; /*=DEREK= version*/

 background:url(images/header.jpg) no-repeat;

}

</style>

<a class="logo" href="#">Logo here</a>

То же самое можно сделать и в моём примере, не вижу смысла ещё один блок добавлять

dma84 добавил 11.06.2009 в 10:14

Есть один минус, если у юзера отключены изображения, то будет отображаться пустой блок

нужно указать просто в стиле ссылке дисплэй блок с заданной шириной и высотой и её позиционированием относительно хедера, и разместить в хедере пустую ссылку, всё что выше впринципе неверно