-
January 6th, 2015, 22:01
#1
عضو انجمن
مشکل در طراحی یک فیلد(html)
سلام به همگی
یک فرم بازشو خواستم طراحی کنم که نمیدونم چرا به این حالت در میاد
راهی نداره اون آیکون سمت چپی که خودش میاره از بین بره؟
کد HTML:
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
}
کد HTML:
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
-
-
January 6th, 2015 22:01
# ADS
-
January 6th, 2015, 22:08
#2
عضو جدید
پاسخ : مشکل در طراحی یک فیلد(html)
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
background: transparent;
}
از این استفاده کنپ
background: transparent;
-
تعداد تشکر ها از ariamizban به دلیل پست مفید
-
January 6th, 2015, 22:08
#3
پاسخ : مشکل در طراحی یک فیلد(html)
-
تعداد تشکر ها ازYas-Host به دلیل پست مفید
-
January 6th, 2015, 22:13
#4
عضو انجمن
پاسخ : مشکل در طراحی یک فیلد(html)
نوشته اصلی توسط
ariamizban
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
background: transparent;
}
از این استفاده کنپ
background: transparent;
گذاشتم نشد کلن اون عکس رو نشون نمیده دیگه
-
-
January 6th, 2015, 22:17
#5
عضو انجمن
پاسخ : مشکل در طراحی یک فیلد(html)
کد PHP:
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
کد HTML:
#test {
background-color: #CCC;
width: 120px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
}
#test select {
width: 140px;
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #CCC;
text-align: right;
}
-
تعداد تشکر ها از m2n به دلیل پست مفید
-
January 6th, 2015, 22:28
#6
عضو انجمن
پاسخ : مشکل در طراحی یک فیلد(html)
نوشته اصلی توسط
Yas-Host
چیز خیلی کاربردی بود اما نگرفتم باید چی کار کنم اینو 
http://up.vbiran.ir/uploads/25916142...32523_list.jpg
اینم تصویر بک گراندشه
- - - Updated - - -
نوشته اصلی توسط
m2n
کد PHP:
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
کد HTML:
#test {
background-color: #CCC;
width: 120px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
}
#test select {
width: 140px;
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #CCC;
text-align: right;
}
هر کاری کردم نشد مال خودمو اوکی کنم
http://up.vbiran.ir/uploads/25916142057036232523_list.jpg
-
-
January 6th, 2015, 22:32
#7
عضو انجمن
پاسخ : مشکل در طراحی یک فیلد(html)
نوشته اصلی توسط
psfa
کد PHP:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
background-color: #CCC;
width: 198px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-image: url(http://up.vbiran.ir/uploads/25916142057036232523_list.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 51px;
}
#test select {
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
text-align: right;
width: 215px;
height: 51px;
cursor: pointer;
text-indent: 10px;
}
</style>
</head>
<body>
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
</body>
</html>
- - - Updated - - -
-
تعداد تشکر ها ازm2n به دلیل پست مفید
-
January 6th, 2015, 22:39
#8
عضو انجمن
پاسخ : مشکل در طراحی یک فیلد(html)
نوشته اصلی توسط
m2n
کد PHP:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
background-color: #CCC;
width: 198px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-image: url(http://up.vbiran.ir/uploads/25916142057036232523_list.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 51px;
}
#test select {
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
text-align: right;
width: 215px;
height: 51px;
cursor: pointer;
text-indent: 10px;
}
</style>
</head>
<body>
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
</body>
</html>
- - - Updated - - -
آقا خیلی ممنون وقت گذاشتین
جبران کنیم ایشالا
-
تعداد تشکر ها از psfa به دلیل پست مفید
پاسخ با نقل قول
