PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : مشکل در طراحی یک فیلد(html)


psfa
January 6th, 2015, 22:01
سلام به همگی
یک فرم بازشو خواستم طراحی کنم که نمیدونم چرا به این حالت در میاد
راهی نداره اون آیکون سمت چپی که خودش میاره از بین بره؟
http://up.vbiran.ir/uploads/219142056912536021_Untitled-1.jpg

.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;
}

<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
ariamizban
January 6th, 2015, 22:08
.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;
Yas-Host
January 6th, 2015, 22:08
یک دموی آنلاین :

Styling Select Box with CSS3 | CSSDeck (http://cssdeck.com/labs/styling-select-box-with-css3)
psfa
January 6th, 2015, 22:13
.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;

گذاشتم نشد کلن اون عکس رو نشون نمیده دیگه
m2n
January 6th, 2015, 22:17
<div id="test">

<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>




#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;
}
psfa
January 6th, 2015, 22:28
یک دموی آنلاین :

Styling Select Box with CSS3 | CSSDeck (http://cssdeck.com/labs/styling-select-box-with-css3)

چیز خیلی کاربردی بود اما نگرفتم باید چی کار کنم اینو :d
http://up.vbiran.ir/uploads/25916142057036232523_list.jpg
اینم تصویر بک گراندشه

- - - Updated - - -



<div id="test">

<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>




#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
m2n
January 6th, 2015, 22:32
چیز خیلی کاربردی بود اما نگرفتم باید چی کار کنم اینو :d
http://up.vbiran.ir/uploads/25916142057036232523_list.jpg
اینم تصویر بک گراندشه

- - - Updated - - -





هر کاری کردم نشد مال خودمو اوکی کنم
http://up.vbiran.ir/uploads/25916142057036232523_list.jpg



<!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 - - -

http://up.vbiran.ir/uploads/15411142057127110363_Untitled-1.png :65:
psfa
January 6th, 2015, 22:39
<!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 - - -

http://up.vbiran.ir/uploads/15411142057127110363_Untitled-1.png :65:

آقا خیلی ممنون وقت گذاشتین
جبران کنیم ایشالا