ورود

نسخه کامل مشاهده نسخه کامل : کار با عکس در css و html


atiishpare
02-08-2016, 09:21
سلام دوستان عزیز.
میخوام یک div داشته باشم که یک عکس توش باشه و یک سمت عکس یک متن بزارم و وقتی روی عکس hover میشه عکس مات بشه. باید چیکار کنم؟
خواهش میکنم راهنماییم کنین . زیاد فرصت ندارم:n16:
hashem89
02-08-2016, 10:37
سلام
در قسمت body کد زیر رو وارد کنید:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


ودر قسمت head و در تگ style کد زیر را وارد کنید




برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
atiishpare
02-08-2016, 10:47
سلام
در قسمت body کد زیر رو وارد کنید:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


ودر قسمت head و در تگ style کد زیر را وارد کنید




برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

سپاس فراوان بخاطر راهنماییتون
:n16:
atiishpare
04-08-2016, 14:45
سلام
در قسمت body کد زیر رو وارد کنید:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


ودر قسمت head و در تگ style کد زیر را وارد کنید




برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

دوست عزیز من این کارو انجام دادم ولی متن زیر عکس قرار می گیره. من میخوام متنم روی عکس سمت چپ قرار بگیره. ممنون میشم بگید چیکار کنم؟
kian98
04-08-2016, 17:14
سلام

اینو درست کردم ، تغییر خواست بگید روش انجام بدم :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
atiishpare
04-08-2016, 22:45
سلام

اینو درست کردم ، تغییر خواست بگید روش انجام بدم :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

عااااالیه. دقیقا همون چیزیه که میخواستم. بینهایت سپاس دوست عزیز:n16:
kian98
05-08-2016, 19:01
خواهش میکنم ... :n12:
javadnabavi
06-08-2016, 08:13
باید position رو absolute قرار بدید برای عکس. بعد z-index متن رو بالاتر از عکس تعیین کنید.
kian98
06-08-2016, 08:51
ما موقعیت متن نسبت به عکس رو میخوایم واسه همین به عکس absolute میدیم و به متن خویشاوندی ( relative ) ، جای عکس که مشخصه ( کل div رو میگیره و پوزیشن الکی بهش دادن بعدا دردسر میشه : دی ) :n02: