ایجاد div بر روی عکس

armin_mx

armin_mx

Member
واسه اینکه ساده تر بتونم مشکلم رو توضیح بدم از عکس استفاده کردم
همچین چیزی رو می تونم درست کنم وقتی که پوسیشن دیو رو رو حال absolute می ذارم ولی یک مشکلی هست
وقتی صفحه کوچیک یا بزرگ میشه دیو در سر جاش می مونه و جدول حرکت می کنه
می خوام همراه با جدول دیو هم حرکت کنه
a.JPG

ممنون از شما دوستان
 
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
منضورتون رو درست متوجه نشدم .
ولی چرا از دو تا div استفاده نمی کنید .
اگر که کد هاتون رو هم بزارین فکر کنم بهتر بشه کمک کرد .
موفق باشید .
 
armin_mx

armin_mx

Member
ساده تر بگم
یک table که در وسط صفحه هست که داخل آن یک عکس و یک div استفاده کردم در ضمن div بر روی عکس هست
تا اینجا که مشکلی نیست ولی وقتی صفحه رو کوچک یا بزرگ می کنم table تغیر مکان میده ولی div استفاده شده در سر جاش می مونه
و من می خوام div هم مانند table تغییر مکان بده در واقع یه طورایی به table بچسب
PHP: 
<table border="1" align="center">
<td  bgcolor="#009933" >
<div align="center">
<img src="AT.jpg"  width="120" height="120" />
<div style="position:absolute; left: 439px; top: 117px; width: 118px;">Content</div>
</div>
</td>
</table>
 
آخرین ویرایش:
D

dannydolph

Member
HTML: 
<table style="position:absolute; left: 439px; top: 117px; width: 118px;" border="1" align="center">
<td  bgcolor="#009933" >
<div align="center">
<img src="AT.jpg"  width="120" height="120" />
<div style="position:absolute; left:-20px; top:20px; width: 100px;">Content</div>
</div>
</td>
</table>
من یه دستکاری هایی روی کد خودت انجام دادم.
با تغییر left و top میتونی موقعیت دقیق div رو تعیین کنی.
 
atk

atk

Active Member
شما اگر مي خواهيد Div همراه با Table تغيير كند، نبايد به Div يك سايز معين بدهيد.

يا علي
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
کد مورد نیاز شما رو نوشتم، سوالی داشتید بفرمایید:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>echessdesign.com</title>
</head>

<body>

<table style="width: 100%; height:300px; background:transparent url('1.jpg') 50% center no-repeat; text-align:center">
	<tr>
		<td>
			<div style="margin:100px 0 0 40%; background:red; width:200px; height:200px;">
			a
			</div>
		</td>
	</tr>
</table>

</body>

</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا