1

Тема: Картинка не выравнивается как надо

Что делать хочу сделать чтобы картинка по левому краю текста выравнивалась так она вот так непонятно как ставится.

http://obsorver.info/post/70

По какой причине, подскажите что надо изменить.

Re: Картинка не выравнивается как надо

Добавь в css

 .post-single-content > p > a {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px #666666;
    float: left;
    margin: 15px;
}

P.s: Это правило применимо ко всем ссылкам внутри блока с классом "post-single-content"
лучше использовать отдельный класс для ссылок которыми оборачиваешь картинки и для него записать эти правила.

Будут проблемы пиши в ICQ: 448866983

3

Re: Картинка не выравнивается как надо

KEFIR пишет:

Добавь в css

Написал тебе в ICQ но тебя там нет, решил здесь спросить.
Спасибо во-первых за помощь. Ты мне дал для код для ссылок, если картинки ссылки, а если нет? Нельзя ли просто если это картинка то пусть слушается меня? И мне кажется это не через CSS делается так как тогда все картинки делают то что я задал в CSS, а надо чтобы они меня через админку слушались, я им там говорю слева по тексту или справа и они должны так вставать.

Что-то в шаблоне не так, вот только не знаю что.

Re: Картинка не выравнивается как надо

selenii пишет:

Написал тебе в ICQ но тебя там нет, решил здесь спросить.

Извини за ожидание, был на работе. Сейчас я доступен..

selenii пишет:

Ты мне дал для код для ссылок, если картинки ссылки, а если нет?

Если просто картинка, без якоря, то код будет такой

.post-single-content > p > img {
    border-radius: 4px;
    box-shadow: 0 0 10px #666666;
    float: left;
    margin: 15px;
}
selenii пишет:

Нельзя ли

Можно все smile

selenii пишет:

Что-то в шаблоне не так, вот только не знаю что.

Шаблон можно переделать если надо

5

Re: Картинка не выравнивается как надо

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

Бывает такое что неправильно прописан в style.css этот код вот вставьте его или замените в этом файле..


/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}