Как в данном случае сдвинуть jpg немного вниз?

P
На сайте с 06.01.2009
Offline
601
488

Здравствуйте.


<div id="rrrrzennnatov">цена от 1390 руб/м2 без учета скидки!
<span class="knopkasi" onclick="uvo_api.open();">
<img src="/img/zaproku1.jpg" height="24" width="120">
</span>
</div>

спасибо

jpg 145414.jpg
F
На сайте с 16.11.2012
Offline
56
#1

Я бы попробовал span`у line-height задать на высоту картинки.

ADD Не посмотрел, что картинка только в span. Тогда надо текст тоже в span обернуть и уже ему высоту строки задать.

oux
На сайте с 07.02.2010
Offline
83
oux
#2

Для img задайте стили display: inline-block; vertical-align: middle;

P
На сайте с 06.01.2009
Offline
601
#3
fmex:
Я бы попробовал span`у line-height задать на высоту картинки.

ADD Не посмотрел, что картинка только в span. Тогда надо текст тоже в span обернуть и уже ему высоту строки задать.

<div id="rrrrzennnatov"><span class="ttttttt">цена от 1390 руб/м2 без учета скидки! </span>
<span class="knopkasi" onclick="uvo_api.open();">
<img src="/img/zaproku1.jpg" height="24" width="120">
</span>
</div>

.ttttttt {line-height:24px; а тут что то ещё нужно дописать?}

................

F
На сайте с 16.11.2012
Offline
56
#4

Нет, не надо.

Z0
На сайте с 03.09.2009
Offline
826
#5

В img добавьте:

style="margin-top: 5px"
P
На сайте с 06.01.2009
Offline
601
#6

Ребята. Сделал так. Вроде все встало на места.


<div id="rrrrzennnatov">цена от 1390 руб/м2 без учета скидки!
<span class="knopkasi" onclick="uvo_api.open();">
<img src="/img/zaproku1.jpg" height="24" width="120">
</span>
</div>

css


.knopkasiimg {cursor:pointer; display: inline-block; vertical-align: middle;}

Спасибо всем и oux в отдельности.

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