Отделить картинку от текста

[a1m]

Имеется сайт: Ссылка

Требуется отделить картинку от текста в этом блоке: Скрин , т.к в этом css:

.eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none}

при изменении параметра

padding:0px 0 14px 0

перемещается не только текст, но и картинка.

CSS:
.image {float:left;margin-right:3px; height: 35px; width:27px;border:1px dashed purple;padding:1px;}
.eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none}

HTML:
<div class="eTitle" style="text-align:left;">
<a href="$IMG_URL1$" onclick="return hs.expand(this)"><img src="$IMG_URL1$" class="image" alt="$TITLE$" title="$TITLE$"><a href="$ENTRY_URL$">$TITLE$</a></div>

Спасибо.

[Arinden]

В .image меняйте margin-right

Edited January 31, 2012 by Arinden

[MaferoK]

.eTitle a:last-child {
 margin:10px 0 0 10px;
}

Edited January 31, 2012 by MaferoK

[Arinden]

.eTitle a {
 margin:10px 0 0 10px;
}

А, я не понял, я думал по горизонтали. Там кстати два тега "a".

На <a href="$ENTRY_URL$">$TITLE$</a> повесьте класс или идентификатор, его и двигайте.

Edited January 31, 2012 by Arinden

[MaferoK]

.eTitle a {
 margin:10px 0 0 10px;
}

А, я не понял, я думал по горизонтали. Там кстати два тега "a".

На <a href="$ENTRY_URL$">$TITLE$</a> повесьте класс или идентификатор, его и двигайте.

да уже понял что их 2 ), тогда

.eTitle:last-child {
 margin:10px 0 0 10px;
}

Edited January 31, 2012 by MaferoK

[ViStefan]

Странный вопрос... Требуется отделить картинку от текста? Так в чём проблема, возьмите и отделите.

Класс eTitle применён ко всему блоку. Соответственно, изменяя его свойства, вы влияете на блок в целом. А картинка и текст у вас сейчас в одном блоке.

Разнесите картинку и текст на разные блоки, или на вложенные в один общий блок div'ы как-нибудь так:

<div class="Title" style="text-align:left;">
    <div class="eImage">
        <a href="$IMG_URL1$" onclick="return hs.expand(this)">
        <img src="$IMG_URL1$" class="image" alt="$TITLE$" title="$TITLE$">
        </a>
    </div>
    <div class="eTitle">
        <a href="$ENTRY_URL$">$TITLE$</a>
    </div>
</div>

И теперь можете независимо влиять на картинку:

.eImage {
    padding:0px 0 14px 0
}

Или на текст заголовка

.eTitle {
    padding:0px 0 14px 0
}

Edited January 31, 2012 by ViStefan

[a1m]

Всем спасибо за ответ

Помог способ ViStefan'a

Тему офф.

пс : ViStefan, можешь оставить аську или чем ты пользуешься мне в лс, просто нужен человек который будет подсказывать в HTML

Edited February 1, 2012 by a1m