как задать размер ПсевдоЭлементу

[xTODx]

Добавляю псевдоэлемент - картинку

h2:after{	content:url(../img/bart.png);	position:relative;	left:0.5vw;	}

 Как задать этому элементу размер?

Height, Width

всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит.

Если сделать элемент блочным, тогда проблемно расположить его правильно.

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

Edited May 23, 2015 by xTODx

[xTODx]

ну +- решил

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

Решение http://jsfiddle.net/wssaLzbk/3/

[advokatua]

назначить тип отображения - "display" и скормить нужное значение, или block или inline-block и т.д. 

[afdw]

h2:after{

content: "";

background: url(../img/bart.png);

background-size: 100% 100%;

display: block;

width: (width)px;

height: (height)px

}

[xTODx]

h2:after{  content: "";  background: url(../img/bart.png);  background-size: 100% 100%;  display: block;  width: (width)px;  height: (height)px}

делал, тогда позицию не поставить нужную(

[afdw]

 

h2:after{  content: "";  background: url(../img/bart.png);  background-size: 100% 100%;  display: block;  width: (width)px;  height: (height)px}

делал, тогда позицию не поставить нужную(

 

Дайте ссылку или залейте на http://jsfiddle.net/

[advokatua]

так position:absolute тогда добавь.

[xTODx]

Дайте ссылку или залейте на http://jsfiddle.net/

 

 

http://jsfiddle.net/eh2ek1t5/

Вот, пожалуйста, помогите)

Edited May 24, 2015 by xTODx

[stan07]

 

Дайте ссылку или залейте на http://jsfiddle.net/

 

 

http://jsfiddle.net/eh2ek1t5/

Вот, пожалуйста, помогите)

 

Вот так   - http://jsfiddle.net/wssaLzbk/  ?

[xTODx]

Вот так   - http://jsfiddle.net/wssaLzbk/  ?

 

Позиция правильная изначально, нужно размер задать.

[prophet_07]

c

 

 

Вот так   - http://jsfiddle.net/wssaLzbk/  ?

 

Позиция правильная изначально, нужно размер задать.

 

 

изображение задавайте через background: 

content: ' ';

background: url(http://firepic.org/images/2015-05/24/7q1dhx6gdzk9.png);

и задавайте размеры/ background-size/ и тд.

[xTODx]

c

 

 

Вот так   - http://jsfiddle.net/wssaLzbk/  ?

 

Позиция правильная изначально, нужно размер задать.

 

 

изображение задавайте через background: 

content: ' ';

background: url(http://firepic.org/images/2015-05/24/7q1dhx6gdzk9.png);

и задавайте размеры/ background-size/ и тд.

 

моожете пожалуйста помочь на примере? http://jsfiddle.net/eh2ek1t5/

Edited May 24, 2015 by xTODx