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

sina.dk

sina.dk

Member
سلام دوستان

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

attachment.php

​
بايد يه صفحه به ابعاد عکسم بسازم و وسط تنظیمش کنم ؟ :shock: کمکم کنيد :sad:
اگه می شه ساده توضیح بدین :lol: ممنون !
 

پیوست ها

  • fg.jpg
    fg.jpg
    49.7 کیلوبایت · بازدیدها: 29
saeedesign

saeedesign

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

sina.dk

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

k2-4u

Well-Known Member
عجله نکن دوست عزیز :wink:
کد زیر رو . استفاده کنید
کد: 
<html>
<head>
<title>Page Title</title>
</head>
<body style="background:center no-repeat url(fg.jpg)">
</body>
</html>
اگر سولی بود در خدمتم :rose:
 
sina.dk

sina.dk

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

attachment.php


نصف عکس رو برد بیرون از کادر :-?تورو خدا سریع کمکم کنین :((
​
 

پیوست ها

  • Untitled-1.jpg
    Untitled-1.jpg
    60.5 کیلوبایت · بازدیدها: 24
آخرین ویرایش:
echessdesign

echessdesign

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

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

echessdesign

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

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>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

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

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

بالا