Есть такое модальное окно.
<div id="order_call" class="reveal-modal" style="background-color: #ffffff;">
<div style="background-color: #005ac8; color:#ffffff; padding:10px; text-align:center; font-size:22px;">Order cleaning</div>
<div style="padding: 10px;" align="center">
<form method="POST" action="/?order_cleaning=1" style="margin-top: 20px;">
<div style="overflow: hidden;">
<div class="label"><label>Your Name:</label></div>
<div class="input"><input type="text" value="" name="fio" class="form-control"/></div>
</div>
<br />
<div style="overflow: hidden;">
<div class="label"><label>Your Phone:</label></div>
<div class="input"><input type="text" value="" name="phone" class="form-control"/></div>
</div>
<br />
<div style="overflow: hidden;">
<div class="label"><label>Your Email:</label></div>
<div class="input"><input type="text" value="" name="email" class="form-control"/></div>
</div>
<br />
<div style="overflow: hidden;">
<div class="label"><label>Select type cleaning:</label></div>
<div class="input">
<select class="form-control" name="type_cleaning" style="cursor: pointer;">
<option value="Office cleaning">Office cleaning</option>
<option value="Construction Cleaning">Construction Cleaning</option>
<option value="Window Cleaning">Window Cleaning</option>
<option value="Garden Service">Garden Service</option>
<option value="Shops/Stores">Shops/Stores</option>
<option value="Snow Removal and Salting">Snow Removal and Salting</option>
<option value="House">House</option>
<option value="Apartment">Apartment</option>
<option value="Stair case cleaning">Stair case cleaning</option>
<option value="Administrative building">Administrative building</option>
</select>
</div>
</div>
<br />
<div style="overflow: hidden;">
<input type="submit" value="Send order" class="top-order-btn__btn" name="send" style="border:0px;"/>
</div>
</form>
</div>
<br />
<a class="close-reveal-modal">×</a>
</div>
Style
.reveal-modal {
visibility: hidden;
top: 50px;
left: 45%;
margin-left: -300px;
width: 700px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 1002;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
Но почему то ловит какой то глюк. На странице http://magiccleandk.com/gallery при нажатии на картинку, открывается картинка но у select в модальном окне меняется свойство. <select class="form-control" name="type_cleaning" style="cursor: pointer; visibility: visible;">
Как это связано не понятно? Почему именно select и при открытии картинки в галереи.
Виртуальный выделенный сервер (VDS) становится отличным выбором
Здравствуйте ! Нам нужно разместить ромбы на главной странице сайта, как на картинкеКак это лучше сделать ? Попробовали несколько способов,...
Такая ситуация: если применить плагин к выпадающему списку - selectmenu(), то переключатели начинают работать некорректноНапример если выбрать...