Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как организовать размещение картинок относительно текста?

Как организовать размещение картинок относительно текста?


     01.10.2015    Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы    1897

вопрос
Добрый день, сообщество.
У меня вопрос следующий: как можно с помощью CSS организовать расположение картинок на статических страницах относительно текста? Т.е. мне необходимо, чтобы картинки были по правой стороне от текста (чтобы это выглядело как отдельные столбцы), например как на этом сайте http://privilegia-otdyha.ru/montenegro.html
У меня сайт этой же тематики, вот моя страница: http://vn-tours.ru/montenegro.html

Ответа пока нет


10 комментариев

SWM
Юзер

SWM - 1 октября 2015 10:21 -


с помощью float: right;

Vn-tours
Юзер

Vn-tours - 1 октября 2015 10:29 -

Это я понял уже, но если поставить этот атрибут к теги img, то все изображения на сайте на любых статических страницах будут смещаться вправо. А мне нужно, чтобы конкретно на страницах страноведения изображения были справа.

SWM
Юзер

SWM - 1 октября 2015 10:35 -


<div style="float: right;">
<a href="" target="_blank">
<img style="border: 1px solid #6B7E0A;" src="" alt="" border="0" hspace="5" vspace="5" width="115">
</a>
<br>
<a href="" target="_blank">
<img style="border: 1px solid #6B7E0A;" src="" alt="" border="0" hspace="5" vspace="5" width="115">
</a>
</div>

Взял с их сайта
Ссылки картинок вставьте

Vn-tours
Юзер

Vn-tours - 1 октября 2015 10:42 -

Нет, такой вариант не подходит, мне нужно будет для 200 страниц, на каждой примерно по 5-7 картинок прописывать такой вот код...Здесь нужно в стилях поставить один раз правильное форматирование и все, далее как обычно вставлять картинки на страницу и они будут вставать так как нужно, по правой стороне.

Vn-tours
Юзер

Vn-tours - 1 октября 2015 11:16 -

Может это будет важным моментом, нужно, чтобы именно уменьшенные копии изображений отображались (thumb), т.к. на странице будет организована небольшая галерея. Highslide работает. Пробовал в стилях highslide в engine-classes приписать float: right; но пока что безуспешно.

SWM
Юзер

SWM - 1 октября 2015 11:30 -

попробуйте так .static-img div{float:right}

Vn-tours
Юзер

Vn-tours - 1 октября 2015 12:06 -

Не работает такой вариант

SWM
Юзер

SWM - 1 октября 2015 12:10 -

тогда сделайте <div style="float:right">здесь все картинки которые добовляете</div>
Но тот вариант работал,просто вас лишние див были в контенте .и не стоит делать так <div>заголовок</div> в стилях div {font-weight:bold} ожно просто сделать так <b>заголовок</b>
или так <strong>заголовок</strong>

Vn-tours
Юзер

Vn-tours - 1 октября 2015 12:20 -

Воот, так гораздо лучше)
Спасибо, думаю что можно этот вопрос закрывать.
Один раз сделать и забыть об этих страницах.

SWM
Юзер

SWM - 1 октября 2015 12:21 -

Не за что,удачи...

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх