http://slon.dn.ua/zhilcom/zhilcom_in.php у мультивыбора левый край чистый, а закругленные углы почему-то по центру.
Спустя 2 часа, 53 минуты, 48 секунд (27.07.2010 - 22:26) Gesandte написал(а):
кто эти двое?
В это время суток уже особо вникать нет желания, но после быстрого просмотра могу сказать что сделано все хреновенько.
1. Использовать border для контйнера
2. Позиционировать углы (position) (изображения) по углам данного блока или же заюзать там флоат
Вообще в инете достаточно много вариантов, по скруглению блоков, там есть этот вариант, что я предложил. Набросать пример смогу завтра во второй половине дня, но скорее всего тут уже ктонибудь запостит ответ.
В фаерфоксе советую обратить внимание на поле цена от-до, там блоки едут
В это время суток уже особо вникать нет желания, но после быстрого просмотра могу сказать что сделано все хреновенько.
1. Использовать border для контйнера
2. Позиционировать углы (position) (изображения) по углам данного блока или же заюзать там флоат
Вообще в инете достаточно много вариантов, по скруглению блоков, там есть этот вариант, что я предложил. Набросать пример смогу завтра во второй половине дня, но скорее всего тут уже ктонибудь запостит ответ.
В фаерфоксе советую обратить внимание на поле цена от-до, там блоки едут
Спустя 50 минут, 59 секунд (27.07.2010 - 23:17) Slays написал(а):
может быть не по теме, но почему бы для получения закругленных input не использовать в бакграунде целиковое изображение с закруглеными углами
input{
background:url("изображение поля с закругленными углами") no-repeat;
} Спустя 9 часов, 40 минут, 24 секунды (28.07.2010 - 08:57) трамонтана написал(а):
| Цитата (Slays @ 27.07.2010 - 20:17) |
может быть не по теме, но почему бы для получения закругленных input не использовать в бакграунде целиковое изображение с закруглеными угламиinput{ |
потому что не извесна длина инпута или инпуты могут быть разной длины...
так как там сделано - сделано правильно
Спустя 32 минуты, 56 секунд (28.07.2010 - 09:30) Slays написал(а):
не цмс же делаем, где нужна максимальная гибкость, каждый отдельный случай можно рассматривать отдельно, и если у тебя есть всего 2 разных инпута, зачем париться
Спустя 48 минут, 56 секунд (28.07.2010 - 10:19) трамонтана написал(а):
да какое же это запаривине) это норма - так надо делать да и всё)
в дальнейшем появится может и третий и четвеёртый ипут) и вот уже четыре картинки...а то одна .. а сидят там одновременно 20 пользователей -..80файлов они уже загрузили или 20.. - есть разница?)
в дальнейшем появится может и третий и четвеёртый ипут) и вот уже четыре картинки...а то одна .. а сидят там одновременно 20 пользователей -..80файлов они уже загрузили или 20.. - есть разница?)
Спустя 1 час, 21 минута, 39 секунд (28.07.2010 - 11:41) Slays написал(а):
только полный извращенец будет делать 20 инпутов разной ширины ) в любом нормальном случае будет всего 2-3 разных вида, хоть и из 100 на странице )
Дело то каждого конечно, просто в данном случае эти закругленные углы у автора съехали )
Дело то каждого конечно, просто в данном случае эти закругленные углы у автора съехали )
Спустя 4 часа, 10 минут, 35 секунд (28.07.2010 - 15:52) Gesandte написал(а):
http://rghost.ru/2218840
В архиве + изображение
*{
margin: 0;
padding: 0;
}
body {
background: rgb(180,180,180);
width: 100%;
min-width: 1000px;
max-width: 1500px;
margin: 0 auto !important;
}
div.wrapper {
background: rgb(255,255,255);
border: 1px solid rgb(180,0,0);
width: 200px;
margin: 50px;
padding: 5px;
position: relative;
}
div.wrapper select {
width: 100%;
border: 0;
}
div.wrapper div.radius_top, div.radius_top div,
div.wrapper div.radius_bottom, div.radius_bottom div {
background: url(radius.png) no-repeat;
position: absolute;
}
div.wrapper div.radius_top,
div.wrapper div.radius_bottom {
width: 100%;
height: 5px;
left: -1px;
}
div.wrapper div.radius_top {
background-position: 0 0;
top: -1px;
}
div.wrapper div.radius_bottom {
background-position: 0 -15px;
bottom: -1px;
}
div.radius_top div,
div.radius_bottom div {
width: 5px;
height: 100%;
right: -2px;
}
div.radius_top div {
background-position: -5px -22px;
}
div.radius_bottom div {
background-position: -5px -37px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radius and select</title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
</head>
<body>
<div class="wrapper">
<div class="radius_top"><div></div></div>
<div class="radius_bottom"><div></div></div>
<select size="4" multiple="multiple">
<option>1-комнат</option>
<option>2-комнат</option>
<option>3-комнат</option>
<option>4-комнат и более</option>
</select>
</div>
</body>
</html>
В архиве + изображение