Форум WWW.by - Вопросы
Выполнено
Фото в логотип
Подскажите, как добавить фотографию в зону логотипа по всей ширине экрана? Слайдер убрала, задав нулевые значения размера. Хочу поместить фото, ставлю ширину 100%, но оно помещается только в левый угол. А я хочу на всю ширину. Если задавать в пикселях, уж очень некрасиво на маленьких экранах.Фу! Может можно как-то ширину этой зоны задать? Я не нашла(((
Инна zasport.www.by
08.06.2016 15:51
Если указывать в процентах, в редакторе (или средствами HTML) то этот процент считается относительно полного размера картинки.
Т.е. 100% - это масштаб картинки 1 к 1, 50% - это значит уменьшить картинку в 2 раза, 200% - увеличить в 2 раза. А картинки, как известно могут быть большие и маленькие, и уже от этого, собственного размера считается %.
Для того, чтобы сделать картинку масштабируемой - нужно задействовать CSS стили.
Для этого:
1. Кликаете в редакторе на картинку
2. Нажимаете в редакторе иконку "Вставить/редактировать картинку"
3. В открывшемся окошке открываете вкладку "Дополнительно" и в самом низу будет строчка "Стиль:" в ней пишите width:99%; height:auto; и нажимаете "ОК"
width:99%; - это и будет размер масштабируемый размер картинки относительно колонки или сайта где она размещается.
height:auto; - для того, чтобы высота картинки изменялась пропорционально ширине.
Т.е. 100% - это масштаб картинки 1 к 1, 50% - это значит уменьшить картинку в 2 раза, 200% - увеличить в 2 раза. А картинки, как известно могут быть большие и маленькие, и уже от этого, собственного размера считается %.
Для того, чтобы сделать картинку масштабируемой - нужно задействовать CSS стили.
Для этого:
1. Кликаете в редакторе на картинку
2. Нажимаете в редакторе иконку "Вставить/редактировать картинку"
3. В открывшемся окошке открываете вкладку "Дополнительно" и в самом низу будет строчка "Стиль:" в ней пишите width:99%; height:auto; и нажимаете "ОК"
width:99%; - это и будет размер масштабируемый размер картинки относительно колонки или сайта где она размещается.
height:auto; - для того, чтобы высота картинки изменялась пропорционально ширине.
Администратор Дмитрий
08.06.2016 16:54
Хотите добавить комментарий? Выполните
Вход в систему
Т.е. 100% - это масштаб картинки 1 к 1, 50% - это значит уменьшить картинку в 2 раза, 200% - увеличить в 2 раза. А картинки, как известно могут быть большие и маленькие, и уже от этого, собственного размера считается %.
Для того, чтобы сделать картинку масштабируемой - нужно задействовать CSS стили.
Для этого:
1. Кликаете в редакторе на картинку
2. Нажимаете в редакторе иконку "Вставить/редактировать картинку"
3. В открывшемся окошке открываете вкладку "Дополнительно" и в самом низу будет строчка "Стиль:" в ней пишите width:99%; height:auto; и нажимаете "ОК"
width:99%; - это и будет размер масштабируемый размер картинки относительно колонки или сайта где она размещается.
height:auto; - для того, чтобы высота картинки изменялась пропорционально ширине.