تنظيم فاصله بين دو مطلب

[ashkanjoon]

من يه قالب واسه يه سايت اينترانتي درون سازماني درست كردم خدارو شكر همه قسمت هاي اون خوب كار مي كنند اما وقتي حالت چينش مطالب صفحه اصلي رو به صورت ستوني تنظيم مي كنم فاصله بين دو مطلب خيلي كمه ( مانند تصوير زير) لطفا بفرماييد در css از چه تگي امكان تنظيم اين فاصله وجود داره

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[firoozmandan]

سلام

فاصله مطلب بالا با پایین یا فاصله مطلب راست با چپ ؟

یا علی

[ashkanjoon]

[quote author=فیروزمندان link=topic=10581.msg56983#msg56983 date=1198474987]
سلام

فاصله مطلب بالا با پایین یا فاصله مطلب راست با چپ ؟

یا علی
[/quote]

جناب فيروزمندان منظورم ايجاد فاصله مناسب بين مطالب چپ و راست بود كه به شكل دو ستون در شكل نمايش داده شدند (فاصله مذكور در تصوير نشان داده شده )

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[firoozmandan]

سلام

برای این کار باید کلاس contentpaneopen رو در CSS تغییر بدید .

میتونید از Padding استفاده کنید و یا width رو کمتر از 100% کنید تا ...

یا علی

[ashkanjoon]

استاد گرامي جناب آقاي فيروز مندان
با سپاس از راهنمايي بسيار مفيد شما ، من روي contentpaneopen خيلي كار كرده بودم و مقادير padding و margin رو به مقادير مختلفي تغيير مي دادم اما تغيير چنداني را مشاهده نمي كردم اما با راهنمايي بجاي جنابعالي متوجه شدم كه كه گير كار در مقدار width بوده كه من از ان غافل بودم. در حال حاضر مقدار width را به 95% تغيير دادم و فاصله مناسب بين مطالب چپ و راست ايجاد گرديد.
اما يك نكته با تغيير width كل مطالب منتشر شده در صفحه اصلي هم متن بلند و هم مطالب ستون بندي شده به سمت راست متمايل شدند و فاصله نسبتا زيادي را با سمت چپ صفحه ايجاد نمودند كه با تنظيم مقدار margin اين مشكل تا حدود بسيار زيادي حل شد. اما يك نكته ظريف باقيست كه متن ستون بندي شده از طرفين صفحه فاصله مناسب و برابري دارند اما متن بلند از سمت چپ صفحه مقداري با متون ستون بندي شده اختلاف داشته و به لحاظ موقعيت كمي عقب تر قرار گرفته است. ( مانند شكل زير ) ضمناً كد هاي مروط به تگ contentpaneopen را در زير جهت مشاهده ارسال نمودم

.contentpaneopen {	
	background-color : transparent;
	text-align: right;
	direction: rtl;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	display: block;
	width: 95%;
	}

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[firoozmandan]

سلام

ممنون از لطفتون

به صورت پیشفرض نمیشه کاری کرد چرا که کلاس هر دو یکی هست .

راه حلش هم تغییر در کدها و اختصاص 2 کلاس جداگانه برای این قسمتهاست ...که به نظر نمیاد کار منطقی باشه .

من باز فکر میکنم اگر راه حل ساده تری پیدا کردم حتما در ادامه تاپیک مینویسم .

یا علی