Размеры картинки

Тема в разделе "Верстка", создана пользователем parhomenco, 16 ноя 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. parhomenco

    parhomenco Создатель

    Регистр.:
    3 сен 2012
    Сообщения:
    34
    Симпатии:
    21
    Подскажите новичку. Есть 2 картинки на сайте (одна накладывается частично на другую) прописывается через background. Нужно прописать размеры первой картинки (та которая до запятой). Как это сделать. Для второй внести изменения получается...
     
  2. DataPro

    DataPro Natapro

    Регистр.:
    21 авг 2009
    Сообщения:
    180
    Симпатии:
    68
    margin-left: : 10px
     
  3. parhomenco

    parhomenco Создатель

    Регистр.:
    3 сен 2012
    Сообщения:
    34
    Симпатии:
    21
    а куда это прописывать?

    background: url(../img/whywebg.png) no-repeat center bottom, url(../img/background/fon2.png);
    padding-top: 0px;

    Мне нужно прописать требуемые размеры первой картинки (whywebg.png) в пикселях. Как? Куда писать?
     
  4. Veysel

    Veysel Создатель

    Регистр.:
    17 июл 2011
    Сообщения:
    21
    Симпатии:
    5
    Правильная постановка вопроса увеличивает шансы на получение ответа... Поясните конкретнее, что нужно? Чтобы картинки не накладывались друг на друга или что?
     
  5. parhomenco

    parhomenco Создатель

    Регистр.:
    3 сен 2012
    Сообщения:
    34
    Симпатии:
    21
    нет нужно изменить размер ПЕРВОЙ картинки (ширина и высота) прописать как?
     
  6. Veysel

    Veysel Создатель

    Регистр.:
    17 июл 2011
    Сообщения:
    21
    Симпатии:
    5
    Делается так:

    background: url(../img/whywebg.png) no-repeat center bottom, url(../img/background/fon2.png);
    background-size: 50px 100px, 50% 100%;

    Значения могут быть и в процентах, и в пикселах. Первое — горизонтальный размер, второе — вертикальный (до запятой значения для первой картинки - после запятой для второй картинки соответственно). Отрицательные значения не допускаются! Первая картинка всегда будет в ближнем к пользователю слое!!!
     
    Последнее редактирование: 16 ноя 2014
    parhomenco нравится это.
  7. Neo_mat

    Neo_mat Создатель

    Регистр.:
    5 ноя 2014
    Сообщения:
    15
    Симпатии:
    3
    В процентном соотношении будет лучше всего, если Вам нужно "нормальное" отображение на мобильных устройствах.
     
  8. nael

    nael Писатель

    Регистр.:
    16 ноя 2014
    Сообщения:
    5
    Симпатии:
    0
    это, соответственно, размеры первой картинки? после точки с запятой идут параметры второй?
     
  9. Spals

    Spals Создатель

    Регистр.:
    11 апр 2012
    Сообщения:
    14
    Симпатии:
    2
    background-size: 50px 100px (первая), 50% 100%(вторая);
     
  10. nael

    nael Писатель

    Регистр.:
    16 ноя 2014
    Сообщения:
    5
    Симпатии:
    0
    затупила, да)) т.е и там и там могут быть как px так и %?