يه سوال مبتدی ( چجوری عکس رو center کنم از همه طرف ؟ ) :">

sina.dk · Aug 28, 2009

سلام دوستان

من می خوام تو دریم ویور يک HTML ساده درست کنم که يک عکس هست فقط :wink:

می خوام اين عکس در همه رزوليشن ها از همه طرف وسط بيافته ... سوالم اينه بايد چجوری درستش کنم ؟

بايد يه صفحه به ابعاد عکسم بسازم و وسط تنظیمش کنم ؟ :shock:

کمکم کنيد

اگه می شه ساده توضیح بدین :lol:

ممنون !

saeedesign · Aug 28, 2009

خب !!!!!!!
ما که عکس رو وسط (center) می زاریم و موقعیت رو (middle) تو همه رزولوشن ها درست در می یاد !!

sina.dk · Aug 28, 2009

منم همينکارو کردم اما مشکل داره بازم ... افقی مياد وسط اما عمودی نه :sad:

k2-4u · Aug 28, 2009

اگر . مایلی کدش رو بگذام راحت !!!

sina.dk · Aug 28, 2009

اگه لطف کنی ممنون می شم

sina.dk · Aug 28, 2009

يکی کمک کنه :cry:

k2-4u · Aug 28, 2009

عجله نکن دوست عزیز :wink:

کد زیر رو . استفاده کنید

کد:

<html>
<head>
<title>Page Title</title>
</head>
<body style="background:center no-repeat url(fg.jpg)">
</body>
</html>

اگر سولی بود در خدمتم :rose:

sina.dk · Aug 29, 2009

نمیشه

اون جایی که نوشته style="background:center no-repeat اون center رو که برمی دارم عکس کامل میشه مياد سمت چپ ! :shock:

نصف عکس رو برد بیرون از کادر :-?

تورو خدا سریع کمکم کنین

(

echessdesign · Aug 29, 2009

درود بر شما
یکی از بهترین روشها، روش زیر است که تقریبا در تمامی مرور گر های متداول به درستی کار می کند.
در صورتی که سوالی داشتید بفرمایید:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS vertical center using float and clear</title>
<style type="text/css">

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fc6;
		color:#630;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:27.5em;
		width:45em;
		clear:left;
		background-color:#ff9;
		border:1px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		}

</style>
<style type="text/css">@import("iemac-center.css");</style>
</head>
<body>

	<div id="distance"></div>
	<div id="container">
		www.echessdesign.com
	</div>
	

</body>
</html>

echessdesign · Aug 29, 2009

درود بر شما
یکی از بهترین روشها، روش زیر است که تقریبا در تمامی مرور گر های متداول به درستی کار می کند.
در صورتی که سوالی داشتید بفرمایید:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS vertical center using float and clear</title>
<style type="text/css">

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fc6;
		color:#630;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:27.5em;
		width:45em;
		clear:left;
		background-color:#ff9;
		border:1px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		}

</style>
<style type="text/css">@import("iemac-center.css");</style>
</head>
<body>

	<div id="distance"></div>
	<div id="container">
		www.echessdesign.com
	</div>
	

</body>
</html>