Backgroundдля span u div Различия?

I
На сайте с 08.08.2014
Offline
8
611

Есть стиль

.icon-comm { background: url("http://site.ru/images/comm.png") no-repeat; width:14px; height:13px; vertical-align:middle; }

Если задаю его для тега span - ничего не выводится, если для div, то выводится правда с новой строки

Подскажите как вывести чтобы и для span отображался бекграунд

R
На сайте с 24.11.2010
Offline
29
#1

display:inline-block;

sir Nicholas
На сайте с 18.04.2012
Offline
146
#2

Различия есть:

span - для выделения строчных элементов. Структура текста. Тег имеет по дефолту обтягивать область.

div - для выделения фрагментов (блоков). Структура сайта. Тег занимает свободное пространство.

В Вашем случае добавьте к классу тега span свойство float или display:inline-block; (зависит от структуры сайта). Лучше использовать div для построения структуры сайта.

background: url("../images/comm.png") no-repeat;

Не нагружайте прямыми путями, пути должны быть относительными. Вместо id желательно использовать class. Только не спрашивайте почему, примите как есть, потом сами поймете. :)

C
На сайте с 04.02.2005
Offline
291
#3
Только не спрашивайте почему, примите как есть,

Какая интрига..

Почему?

Не нагружайте прямыми путями, пути должны быть относительными

Почему...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий