تغییر نکردن اندازه text در تک input

[r4hgozar]

سلام دوستان و اساتید.
من اینجا input رو به اندازه ای که می بینید اندازه می دم. اما نتیجه یه کادر کوچیک میشه و اندازه درست انجام نمی شه.
آیا دارم جایی رو اشتباه می کنم؟؟

<div id="search-text"><input type="text" height="30px" width="388px"></div>

این هم کد css

#search {
width: 1350px;
height: 120px;
float: left;
}
#search-text {
width: 400px;
height: 30px;
margin: auto;
background-image: url('../Part3/Part3/Images/Search-Bg_C.png');
background-repeat: repeat-x;
margin-top: 5px;
}

[Amir_f]

سلام ، خط 12 کدتون رو پاک کنید درست میشه

margin-top: 5px;

یا اینکه
height: 30px;

35پیکسل کنید ( خط 8 )

[r4hgozar]

سلام ، خط 12 کدتون رو پاک کنید درست میشه

یا اینکه
35پیکسل کنید ( خط 8 )

ممنون دوست عزیز. اما بازم تغییری نکرد!!

[qartalonline]

از کد زیر استفاده کنید:
#search-text input[type="text"]{
width: 400px;
height: 30px;
margin: auto;
background-image: url('../Part3/Part3/Images/Search-Bg_C.png');
background-repeat: repeat-x;
margin-top: 5px;
}

[r4hgozar]

ممنون دوست عزیز درست شد. یه توضیح کوتاه دربارش میدی؟؟

[qartalonline]

برای اینکه به تگ input استایل بدیم باید بصورت زیر عمل کنیم:
input{
/* style */
}


حالا اگه بخواهیم به تمام input ها که از نوع متن ("type="text) هستند استایل بدیم از کد زیر استفاده میکنیم:
input[type="text"]{
/* style */
}

و حالا کد زیر به input هایی که نوعشان text است و در داخل (search-text#) هستند استایل میدهد.
#search-text input[type="text"]{
/* style */
}

[r4hgozar]

واقعا ممنون دوست عزیز.
اما واسه من سوال شد. اگه من داخل همین #search-text 4 تا 4تا text دیگه هم داشته باشم و بخوام استایل بدم چی؟
و سوالم اینه که کار من در استایل دادن اولیه مشکلی داشت؟؟

[qartalonline]

اگه میخواید به همه text ها (4 یا بیشتر - فرقی نداره) استایل یکسانی بدید همون کد بالا کافیه. ولی اگه بخواید واسه هر text استایل خاصی بدید ابتدا به هر کدوم از text ها id داده سپس بر اساس id بهشون استایل بدید:
#text1{
/* style */
}
#text2{
/* style */
}
#text3{
/* style */
}

<input id=text1 type=text>
<input id=text2 type=text>
<input id=text3 type=text>


استایل دادن اولیه شما مشکلی نداشت فقط شما به جای اینکه به input استایل بدی به تگ div استایل داده بودید.