Спрятать текст в заголовке

[One]

Привет всем.

Вот такая задача:

есть логотип в виде картинки, я хочу засунуть его в заголовок верхнего уровня (<h1>) в виде backgroundа но так что б текст который находится в заголовке не было видно .

Вот пример того что есть, но вот как спрятать текст я еще не понял .

Как это можно сделать ?

Спасибо

[Justnewone]

Привет всем.

Вот такая задача:

есть логотип в виде картинки, я хочу засунуть его в заголовок верхнего уровня (<h1>) в виде backgroundа но так что б текст который находится в заголовке не было видно .

Вот пример того что есть, но вот как спрятать текст я еще не понял .

Как это можно сделать ?

Спасибо

Текст в спан, которому в CSS display:none, или спозиционировать абсолютно и убрать куда нибудь влево или вверх на много-много пикселей.

Правда такие штуки вредны в смысле поисковых роботов, могут и забанить.

Не проще ли разместить картинкой и добавить текст в альт?

[One]

Можно и картинкой просто хотелось в заголовок ) спасибо

[Justnewone]

Можно и картинкой просто хотелось в заголовок ) спасибо

Ну так поставьте картинку в заголовок, кто мешает?

[One]

сори тупонул ..

[mishka]

Ну так поставьте картинку в заголовок, кто мешает?

Какой смысл от этого?

<h1>текст</h1>
h1{
	margin:0;
	height:20px;
	width:100px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(image.gif);
}

А если хочешь лого кликабельным, то

<h1><a href="#">текст</a></h1>
h1{
	margin:0;
	height:20px;
	width:100px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(image.gif);
}
h1 a{
	display:block;
	height:100%;
}

Edited April 20, 2010 by mishka2

[One]

Спасибо помогло )