|
Отступ текста от картинки
|
|
| juliya | Дата: Вторник, 13-Декабря-2016, 15:46:50 | Сообщение # 1 |
 Палкомник
Группа: Модераторы
Сообщений: 13
Награды: 1
Репутация: 32767
Статус: Offline
| Проблема такая: когда вставляю картинку в материал, выставляю отступы по горизонтали и вертикали в три (или больше, это не важно) пикселя. Но при просмотре страницы текст все равно подходит вплотную к картинке. Смотрелa код страницы - в коде все нормально hspace="3" vspace="3". В чем может быть глюк и как его поправить?
|
| |
| |
| Vitalya | Дата: Вторник, 13-Декабря-2016, 15:47:53 | Сообщение # 2 |
 Генерал_палкомник
Группа: Администраторы
Сообщений: 114
Награды: 0
Репутация: 32767
Статус: Offline
| juliya,
Попробует использовать обычны
Код margin-left, margin-right
|
| |
| |
| juliya | Дата: Вторник, 13-Декабря-2016, 15:48:43 | Сообщение # 3 |
|
Палкомник
Группа: Модераторы
Сообщений: 13
Награды: 1
Репутация: 32767
Статус: Offline
| Vitalya,
Попробовала, но тогда нету обтекания рисунка текстом..
|
| |
| |
| Vitalya | Дата: Вторник, 13-Декабря-2016, 15:50:15 | Сообщение # 4 |
|
Генерал_палкомник
Группа: Администраторы
Сообщений: 114
Награды: 0
Репутация: 32767
Статус: Offline
| juliya,
Код img {margin: 5px; float: left;}
и не забыть для данного кода использовать наследование основного класса размещения контента, иначе могут поплыть картинки самого шаблона
|
| |
| |
| juliya | Дата: Вторник, 13-Декабря-2016, 15:51:52 | Сообщение # 5 |
|
Палкомник
Группа: Модераторы
Сообщений: 13
Награды: 1
Репутация: 32767
Статус: Offline
| Код img {margin: 5px; float: left;}
- ооо... классная вещь! Работает: засунула в файл template.css. Правда, как Вы и говорили, поплыли все картинки... Надо думать дальше... Спасибо!
|
| |
| |
| juliya | Дата: Вторник, 13-Декабря-2016, 15:53:49 | Сообщение # 6 |
|
Палкомник
Группа: Модераторы
Сообщений: 13
Награды: 1
Репутация: 32767
Статус: Offline
| Написала немножко по-другому:
Код .img {margin: 5px; float: left;}
в template.css шаблона.
а потом непосредственно в код материала в тег картинки написала class="img"
Всё работает. Но только ж это нужно будет вручную писать каждый раз к картинке... Как бы это автоматизировать?..
|
| |
| |
| Vitalya | Дата: Вторник, 13-Декабря-2016, 15:57:43 | Сообщение # 7 |
|
Генерал_палкомник
Группа: Администраторы
Сообщений: 114
Награды: 0
Репутация: 32767
Статус: Offline
| А дальше смотри в какой блок у тебя обернут контент и плясать от него
к примеру в index.php шаблона так:
Код <div class="maincontent"><jdoc:include type="component" /></div>
Тогда в стилях будем писать так :
Код .maincontent img {margin: 5px; float: left;}
И 99% картинок шаблона останутся на месте (зависит от верстки)
|
| |
| |
