картинка-ссылка через div

[bav]

картинка-ссылка через div

Привет! ВОт что то совсем тупая проблема, а решения пока не нашел. Есть некий текст в теге <p>

ВОт в него надо вставить картинки-ссылки так чтобы шол текст картинка и опять текст, чтобы ничего не разъезжалось, не переходило на другую строку, я сейчас сами эти картинки-ссылки делаю таук <div class="img"><a href="#"></a></div>

.img{
position: relative;
display: inline;
width: 20px;
height: 15px;
background-image: url('url');
background-repeat: no-repeat;
overflow: hidden;
}

<p>Текст Текст Текст Текст Текст <div class="img"><a href="#"></a></div> Текст Текст Текст Текст Текст Текст Текст</p>

Как мне вставить картинки, чтобы без переноса строки. Вообще может сам тег div лишний и достаточно одного тега <a>, надо чтоб без использования тега img. Кто сможет подсказать, заранее спасибо большое!

 

[phprus]

bav
Внутри тега p нельзя использовать тег div. Вместо div можно использовать его строчный аналог span.

надо чтоб без использования тега img.

Чем вызвано такое бессмысленное требование?

 

[bav]

Понтами заказчика, сам несогласен, но делать нечего))) Спасибо!

 

[ksnk]

bav
В разных броузерах span и a с бакграундом выглядят по разному. Для FF нужно добить span нужным количеством & nbsp;

 

[phprus]

В разных броузерах...

Вот по этому тут надо применять тег img, а не пытаться придумать извращенный аналог этого тега.

 

[bav]

Автор оригинала: ksnk
bav
В разных броузерах span и a с бакграундом выглядят по разному. Для FF нужно добить span нужным количеством & nbsp;

& nbsp; - это зло!!!!!!!! если кому интересно, все можно решить средствами css.
.href a{
display: inline-block;
width: 29px;
height: 16px;
background:transparent url(images/icons/chirch.gif) no-repeat 0 0;
}
<span class="href"><a href="#"></a></span>

 

[dimagolov]

Автор оригинала: bav
& nbsp; - это зло!!!!!!!! если кому интересно, все можно решить средствами css.
.href a{
display: inline-block;
width: 29px;
height: 16px;
background:transparent url(images/icons/chirch.gif) no-repeat 0 0;
}
<span class="href"><a href="#"></a></span>

ну и где кроме ИЕ это работает? такого inline-block в W3C нету и "работает" такое только в блочном варианте, иначе размер span-а сжимается до его содержимого и без & nbsp не обойтись.

 

[bav]

в опере, а для FF надо display: -moz-inline-box;
Забыл предупредить)))