Перейти к содержанию
globaltrading

Текст перед картинкой (или картинка за текстом)

Рекомендуемые сообщения

Здравствуйте. В word, когда вставляешь картинку в текст, в свойствах картинки, кроме всего прочего, есть возможность вставки за текстом.

Есть ли в Ckeditor в ocstore 1.5.5.1.2 возможность "Подвести" под участок текста картинку? 

Если нет, то как можно реализовать эту задачу?

 

0d9daacdc7c7.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

можно, немного изучив правила вёрстки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Копайте в сторону Z-индекса

"Продвинутый пользователь" - где Вы взяли такой статус? Я то же такой хочу)))).

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Копаю:

 

HTML

<div class="image_dostavka"><img alt="" src="muzhik.jpg" />

<h3>Преимущества заводских самогонных аппаратов "Горилыч":<br />
- заводская гарантия 12 месяцев<br />
- взаимозаменяемость всех комплектующих<br />
- наличие разборного сухопарника<br />
- пищевая полированная нержавеющая сталь 1 мм</h3>
</div>
CSS:
.image_dostavka {
position: relative;
}
 
h3 {
position: absolute;
top: 200px;
left: 0;
width: 100%;
}
 
Но самостоятельно пока не могу докопаться.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вроде что-то получилось:

HTML
<div class="image_dostavka">Преимущества заводских самогонных аппаратов "Горилыч":<br />
- пищевая полированная нержавеющая сталь 1 мм<br />
- взаимозаменяемость всех комплектующих<br />
- наличие разборного сухопарника<br />
- заводская гарантия 12 месяцев</div>

CSS:


.image_dostavka {
padding-top:20px;
width:800px;
padding-left:20px;
height:579px;
background-image:url("/image/muzhik.jpg");

/*оформление текста*/
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
}

Теперь остался один вопрос - как теперь "закрыть" этот блок, что бы дальнейший текст (под этим контейнером) был обыкновенным, а то так и идет стилизация

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.