PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Бэкграунд дива по величине дива с соблюдением пропорций бэкграунда

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Webtest	Отправлено: 23 Июля, 2014 - 11:12:36
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	Здравствуйте. Подскажите пожалуйста, можно ли сделать так, есть див: CODE (htmlphp): скопировать код в буфер обмена <div class="divImage" style="background-image: url(Images/<?php echo $value; ?>)"><input type="checkbox" class="checkboxtest" id="<?php echo $key . $value; ?>"></div> И цсс код к нему: CODE (htmlphp): скопировать код в буфер обмена .divImage { border: 1px solid black; display: inline-block; margin-left: 5px; background-repeat: no-repeat; background-size: 100%; width: 150px; height: 150px; } Так вот, в случае если бэкграунд не квадратный, то картинка получается уезжает за див, и часть бэкграунда не видно. А можно сделать как-нибудь, чтобы если картинка была прямоугольная, то она вся вмещалась в див, а место, которое оставалось в диве было черным? Могу картинку залить, как есть сейчас, чтобы было наглядно.

IllusionMH	Отправлено: 23 Июля, 2014 - 11:26:22
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Webtest, посмотрите в сторону background-size: contain

Webtest	Отправлено: 23 Июля, 2014 - 11:34:42
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	IllusionMH, спасибо, вот так заработало: background-size: contain; background-position: center center; Кстати, подскажи пожалуйста, можно ли как-нибудь сделать кнопку, которая бы отметила ВСЕ чекбоксы в данной форме при нажатии на эту кнопку? Вот код: CODE (htmlphp): скопировать код в буфер обмена <form action="Main.php" mathod="post"> <?php foreach ($scanImages as $key => $value) : if ($value != '.' && $value != '..') : ?> <label> <div class="divImage" style="background-image: url(Images/<?php echo $value; ?>)"> <input type="checkbox" class="checkboxTest" id="<?php echo $key . $value; ?>"> </div> </label> <?php endif; endforeach; ?> <input type="submit" id="waterButton" value="Поставить вотермарку на отмеченных картинках."> </form>

IllusionMH	Отправлено: 23 Июля, 2014 - 11:38:55
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Webtest, отслеживать событие изменения флажка и в цикле менять состояние остальных на соответствующее этому.

Webtest	Отправлено: 23 Июля, 2014 - 11:43:58
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	IllusionMH, и еще вопрос! Как сделать так, чтобы кнопка: <input type="submit" id="waterButton" value="Поставить вотермарку на отмеченных картинках."> Была перенесена ПОД картинки, а не в ряд с ними? Я сейчас пробую колдовать с флоатами и клирами, но не очень получается. (Добавление) А все сделал так: <div id="waterButtonDiv"> <input type="submit" id="waterButton" value="Поставить вотермарку на отмеченных картинках."> </div>

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.