کاربرد position

این تاپیک 6 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  لقمان آوند ،‏ 2 سال و 3 ماه پیش .

این تاپیک تاکنون 498 بازدید داشته است .

نویسنده پست
چهار شنبه ، 20 آگوست 2014     6:08 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام میشه یه نفر کاربرد position رو کامل توضیح بده من نمیدونم کجا باید ازش استفاده کنم

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
چهار شنبه ، 20 آگوست 2014     6:29 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

از این خاصیت برای تعین موقعیت یک تگ در صفحه استفاده میشه .

به صورت کامل در این مطلب توضیح داده شده .

2  تشکر
چهار شنبه ، 20 آگوست 2014     6:42 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

بله این مطلب رو خوندم مثلا توی آموزش طراحی قالب برای جستجو

یه فرم text داشتیم و یه دکمه submit بعد برای اون دکمه submit یه تصویر ذربین گداشتن و بعد برای اینکه

این دکمه وارد textbox بشه موقعیتش رو absolutگذاشتن

من اینو متوجه نمیشم چرا؟

0  تشکر
چهار شنبه ، 20 آگوست 2014     6:47 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

میشه کدش بدی که توضیح بدم در موردش ...

0  تشکر
چهار شنبه ، 20 آگوست 2014     6:54 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

بله این کد هردو قسمت فرم هستش
#header .left #searchfrm form input[type="text"] {
background: #072e63;
box-shadow: 1px 1px 1px rgba(255,255,255,.10),
inset 1px 1px 1px #000;
border-radius: 3px;
font: 18px 'b nazanin';
color: #fff;
text-shadow: 1px 1px 1px #000;
width: 240px;
height: 30px;
line-height: 30px;
padding-right: 10px;
margin-left: 7px;
}
#header .left #searchfrm form input[type="submit"] {
background: url('../images/search-btn.png') no-repeat;
height: 19px;
width: 19px;
position: absolute;
margin-right: 220px;
margin-top: 7px;
}
عکسش روهم ببینید

پیوست ها:
You must be logged in to view attached files.
0  تشکر
چهار شنبه ، 20 آگوست 2014     6:56 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک


#header .left #searchfrm form input[type="text"] {
background: #072e63;
box-shadow: 1px 1px 1px rgba(255,255,255,.10),
inset 1px 1px 1px #000;
border-radius: 3px;
font: 18px 'b nazanin';
color: #fff;
text-shadow: 1px 1px 1px #000;
width: 240px;
height: 30px;
line-height: 30px;
padding-right: 10px;
margin-left: 7px;
}
#header .left #searchfrm form input[type="submit"] {
background: url('../images/search-btn.png') no-repeat;
height: 19px;
width: 19px;
position: absolute;
margin-right: 220px;
margin-top: 7px;
}

0  تشکر
چهار شنبه ، 20 آگوست 2014     6:58 ب.ظ # پاسخ تائید شده توسط سوال کننده


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

خوب اینکه معلومه .

شما نمی تونید یه دکمه رو توی یه باکس متنی بزارید . برای اینکه اینکارو بکنید لازمه که از پوزیشن ها استفاده کنید تا دکمه رو روی تکست پاکس و در مکان مذکور بزاریم . برای این نوع ظاهر لازمه از پوزیشن استفاده کنید . اگه نخواید اون دکمه رو توی باکس بزارید نیازی به این مورد نیست .

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .