Рисунок в span

[Flanker]

Рисунок в span

Добрый день.


Необходимо вставить рисунок в span через css.

Вроде бы всё легко.....


<span class="can_not_be_opened"></span>
.myst .can_not_be_opened
{
background:url("myst/can_not_be_opened.png");
width:20px;height:20px;
}

, но рисунок не появляеться пока я не сделаю так

<span class="can_not_be_opened">__</span>
те зафиксировать размер...


Спасибо.

Помоги

 

[Loshadka]

display: block;

У span-а по-умолчанию свойство display: inline;

 

[Flanker]

спасибо

-~{}~ 03.12.08 17:46:

Тогда его переносит на другую строку, и ломает разметку....

 

[Loshadka]

Автор оригинала: Flanker
Тогда его переносит на другую строку, и ломает разметку....

Ну тут уже ваша верстка. Я ее не видел - помочь не могу.
Еще можно попробовать float: left; А вообще - если у вас просто картинка вставляется, может лучше использовать <img ... />?

 

[Flanker]

Да сначала был img, но так как изображение надо настраивать через
css пришлось использовать span,
float:left, -> текст заплывает на рисунок, тоже не подходит.

Спасибо

 

[AmdY]

задай спану width

 

[Flanker]

задал... Ничего....

 

[A1x]

задай спану padding
upd: + внутри спана вставить &amp;nbsp; - чтобы работало во всяких ИЕ6

 

[Flanker]

Кстати так работает...... , только надо немного смещать....


Спасибо.