masouddousam
سه شنبه 09 خرداد 1396, 15:09 عصر
دوستان سلام
برای ایجاد قسمت جستجو در سایت به مشکل خوردم!؟
خودم از کد زیر استفاده میکنم:
<form action="#" method="get">
<input type="text" placeholder="جستجو در سایت ..." />
<input type="submit" value="جستجو" />
</form>
این کد به تنهایی بدون عملیات خاصی در mysql میتونه کار کنه یعنی نیاز به برنامه نویسی خاصی نداره؟
دوم برای استایل دادن بهش مشکل خوردم میخوام به صورت تصویر زیر دربیاد اما وقتی از کد بالا استفاده میکنم نمیشه ولی از کد زیر استفاده میکنم استایل درسته!
<div id="search">
<p>جستجو در سایت ...</p>
<span><a href="#">جستجو</a></span>
</div>
استایلی که دادم:
/* search */
#page #search {
width:1022px;
height:58px;
background-color:#fff;
float:right;
margin-right:72px;
margin-left:88px;
margin-top:20px;
}
#page #search >p {
text-align:right;
color:#b9b9b9;
margin-right:10px;
margin-top:21px;
}
#page #search >span {
float:left;
background-color:#23b445;
width:340px;
height:58px;
text-align:center;
margin-top: -56px;
}
#page #search >span >a {
float: left;
margin-top: 17px;
text-decoration: none;
color: #fff;
margin-left: 130px;
}
تصویر نهایی:
برای ایجاد قسمت جستجو در سایت به مشکل خوردم!؟
خودم از کد زیر استفاده میکنم:
<form action="#" method="get">
<input type="text" placeholder="جستجو در سایت ..." />
<input type="submit" value="جستجو" />
</form>
این کد به تنهایی بدون عملیات خاصی در mysql میتونه کار کنه یعنی نیاز به برنامه نویسی خاصی نداره؟
دوم برای استایل دادن بهش مشکل خوردم میخوام به صورت تصویر زیر دربیاد اما وقتی از کد بالا استفاده میکنم نمیشه ولی از کد زیر استفاده میکنم استایل درسته!
<div id="search">
<p>جستجو در سایت ...</p>
<span><a href="#">جستجو</a></span>
</div>
استایلی که دادم:
/* search */
#page #search {
width:1022px;
height:58px;
background-color:#fff;
float:right;
margin-right:72px;
margin-left:88px;
margin-top:20px;
}
#page #search >p {
text-align:right;
color:#b9b9b9;
margin-right:10px;
margin-top:21px;
}
#page #search >span {
float:left;
background-color:#23b445;
width:340px;
height:58px;
text-align:center;
margin-top: -56px;
}
#page #search >span >a {
float: left;
margin-top: 17px;
text-decoration: none;
color: #fff;
margin-left: 130px;
}
تصویر نهایی: