Printable View
هه!
چه عنوانی شد!×!
دوستان چند بار هم پرسیده بودم و لی به جایی نرسیدم
گفتم دوباره مطرح کنم
نگاه کنید
یه div اصلی داریم که مثلا 100 درصد در 100 درصد هست
تا اینجاش هیچی
بعد میخاویم یه div با ابعاده پیکسلی وسطش قرار بدیم که با resize کماکان وسط باشه
چه از نظره طولی چه عرضی
کدش چی میشه؟:31:
سلام قشنگ.
من خودم شاهدم یکیش رو که یاسر خودش بهت گفت!!!
در هر حال...
عمودی:
افقی:کد:
vertical-align:middle;
display: table-cell;/* فقط برای div */
کد:margin: 0 auto
بابا اینا پس چرا کار نمیکنن؟
آی! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بابا منو گزاشتید سره کار؟
هر کاریش میکنم وسط نمیاد!×!
کمک!×!
اینم کد نمونه
.recent-posts-content {
font-family: tahoma;
font-size: 11px;
text-decoration: none;
font-weight: normal;
background-color: D9DEB8;
padding: 2px;
margin: 0 auto;
width: 95%;
display: block;
overflow: hidden;
float: inherit;
line-height: normal;
text-align: right;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #666666;
}
همین کد برای من وسط میاد!
شاید مشکل از doctype باشه! با XHTML 1.0 Transitional تست کن.
یاسین جون آخه اون که هست؟
اینم یه سورسه کامل
از طریقه Html
align center دادم بهشون
تو IE وسطه ولی تو بقیه یه چند پیکسل اونور تر از وسط میافته
اینم کده کامل
کد:<html dir="rtl">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="fa" http-equiv="Content-Language">
<style type="text/css">
.recent-posts {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
line-height: normal;
text-align: center;
background-color: #CFD4A9;
border: 1px solid #666;
padding: 2px;
width: 100%;
overflow: hidden;
display: block;
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
}
.recent-posts-content {
font-family: tahoma;
font-size: 11px;
text-decoration: none;
font-weight: normal;
background-color: #D9DEB8;
padding: 3px;
width: 90%;
line-height: normal;
text-align: right;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #888;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
display: block;
}
</style>
</head>
<body bgcolor="#E4E8C6" leftmargin="0" topmargin="0">
<br><br>
<div align="center">
<center>
<table border="0" width="780" cellpadding="5" cellspacing="5" dir="rtl">
<center>
<tr>
<td align="center" width="33%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای<br>بایای<br>بایب<br>ای<br>بای<br>ای<br>
ای<br><br>زیا<br>یا </div>
</td>
<td align="center" width="34%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای<br>بایای<br>بایب<br>ای<br>بای<br>ای<br>
ای<br><br>زیا<br>یا </div>
</td>
<td align="center" width="33%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای<br>بایای<br>بایب<br>ای<br>بای<br>ای<br>
ای<br><br>زیا<br>یا </div>
</td>
</tr>
</center>
</table>
</center></div>
</body>
</html>
خب خوشگلم فکر کنم مشکل از margin باشه از این استفاده کن.
[html]
<html dir="rtl">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="fa" http-equiv="Content-Language">
<style type="text/css">
.recent-posts {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
line-height: normal;
text-align: center;
background-color: #CFD4A9;
border: 1px solid #666;
padding: 2px;
overflow: hidden;
display: block;
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
}
.recent-posts-content {
font-family: tahoma;
font-size: 11px;
text-decoration: none;
font-weight: normal;
background-color: #D9DEB8;
padding: 3px;
width: 90%;
line-height: normal;
text-align: right;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #888;
display: block;
}
</style>
</head>
<body bgcolor="#E4E8C6" leftmargin="0" topmargin="0">
<br><br>
<div align="center">
<center>
<table border="0" width="780" cellpadding="5" cellspacing="5" dir="rtl">
<center>
<tr>
<td align="center" width="33%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای <br>بایای<br>بایب<br>ای<br>بای<br>ا ی<br>
ای<br><br>زیا<br>یا </div>
</td>
<td align="center" width="34%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای <br>بایای<br>بایب<br>ای<br>بای<br>ا ی<br>
ای<br><br>زیا<br>یا </div>
</td>
<td align="center" width="33%">
<div class="recent-posts">
.: آخـــریــن مـــطالــب :.</div>
<div class="recent-posts-content">
سیتسیذلسی<br>سیببایبا<br>یبای <br>بایای<br>بایب<br>ای<br>بای<br>ا ی<br>
ای<br><br>زیا<br>یا </div>
</td>
</tr>
</center>
</table>
</center></div>
</body>
</html>
[/html]
برای سنتر کردن به صورت عمودی لایه فقط از table-cell میشه استفاده کرد که خیلی هم مرسوم نیست هیچ راه دیگه ای وجود نداره , ولی افقی خیلی راحته .
ها؟نقل قول:
راست میگی ها!×!
ولی آخه margin رو بعدش اضافه کردم که!×!
درکل align="center" زو که میشه تو همه جا استفاده کرد ولی مسنکه خوده اینکار استاندارد نیستنقل قول:
سنتر کردن عمودی !؟ یعنی مثلا لایه از بالا و پایین وسط صفحه قرار بگیره کلا این کار یکمی در لایه سخته و خیلی هم البته کاربردی نیست کلا کثرا دنبال سنتر کردن افقی هستن . در مورد استفاده از تگ Center هم دقت کن چون تگ منسوخ شده ای هست و همچنین استفاده از لایه در table که اصلا کار جالبی نیست .نقل قول:
درسته عمودی:46:نقل قول:
برای صفحه های کوچیک خیلی کار آمده
مثلا همین intro ی سایته خودم
ولی چون نتونستم وسط بندازمش بهش margin بالا دادم
هر کدوم کاربردهای خودشون رو دارن
center رو بابا کی گفته منسوخ شده؟ عزیزه دله:31: اگه از center نخوایم استفاده کنیم (البته تو اینجا قبلا گزاشتم و یادم رفت پاکش کنم! بود و نبودش یکیه!×!) یاید برای هر div یه style تعریف کنیم که حس و حال میخواد
این دمه دست تره:46:
در مورد استفاده از لایه در جدول هم داستانی بس خفن!!! داره برای خودش
خفنیشم اونجاس که اگه table آستفاده نمیکردم باید پیکسلی و دقیق برای هر کدوم میزاشتم که اصلا حس و حالش نیست!!!
برای div های بالای سایت همینکار رو کردم که جونم در اومد تا تو همه مرورگرها fix بشن
این کار فعلا بهتره
چون مطالبه زیادی هم در بر نمیگیرن پس مشکلی تو render پیش نمیاد
ولی در کل از من به شما نصیحت:
هیچ وقت دنباله طراحی از صفره یه قالب و مخصوصا از نوعه گرافیکیش برای CMS ای که تا به حال باحاش کار نکردید نرید که بد دردسره!
دوست عزیز اینکه چی منسوخ ده رو من نمیگم W3C وضع میکنه و در آینده احتمال داره دیگه هیچ Browser ازش پشتیبانی نکنه .نقل قول:
دوسته عزیز منظورت رو گرفتم
شوخی کردم
ولی در هر صورت این کد ها فک نکنم منسوخ بشن چون جزوه html هستن و اگه منسوخ بشن چی به سره سایت های قدیمی میاد؟
کد که از بین نمیره هست. استفاده ازش منسوخ میشه. مثلا الان دیگه کسی از تگ فونت استفاده نمیکنه ولی هنوز ساپورت میشه و هست. وقتی جایی رسید که دیگه هیچکس از این تگ استفاده نکرد و اصلا از یادها رفت اون موقع W3C میگه خوب حالا که استفاده نمیشه بزار از لیست استاندازدهام بیارمش بیرون.نقل قول:
Align='center' هم همچین وضعیتی داره. یواش یواش داره از دید میافته. قبلا بخاطر اینکه توی باید text-align رو center میکردی و توی فایرفاکس maargin: 0px auto میدادی تا وسط بیافتن میومدن از این استفاده میکردن ولی جدیدن مثل اینکه IE داره یه مقدار آدم میشه و یه چیزایی رو میفهمه برای همین هم دیگه کسی فکر نمیکنم بره سراغ اینا. ولی من خودم هنوز تگ center استفاده میکنم چون فعلا داره ساپورت میشه و دردسری هم برام نداره ولی وقتی ببینم راه بهتری هم هست از اون استفاده میکنم.
درباره سایتهای قدیمی هم چاره ای نیست. کسی که عقب بمونه و پیشرفت نکنه محکوم به نابودیه. سایت هم باید چند وقت یه بار طبق تکنولوژی و استانداردهای روز آپدیت بشه وگرنه از بین رفتنش بهتر از موندنشه.
مرسینقل قول:
والا منکه کلا با اون کده استایله شما آبم توی یه جوب نرفت
ولی در کل خیلی سایت های استاتیک هستن که سالهاس آپدیت نشدن ولی مطالبه خوبی دارن ( برای زمان HTML 2 و ...)
فک نکنم در کل کدی حذف بشه!
Bad Religion\Live at thePalladium (Proper DVD 2006) - Punk\010-bad_religion-los_angeles_is_burning_(live)_-_.mp3
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] عزیز لطفا در قرار دادن نقل قول دقت کنید !!
:31:شرمنده!نقل قول:
بنده کاملا بی گناهم!
این برای خودش موقعه ویرایش نمیدونم چی شد که اون پست که مربئط به یه تاپیکه دیگه بود رو کپی کرد
بچه ها امروز مقادیری وقت کردم و این کد رو در قالب چپاندم!
ولی متاسفانه بازم align= "center" به مشکل خوردم
چون باید بهش float: left بدم که زیره div های دیگه قرار بگیره
حال میگویید چه کنم همی؟
margin left بدم بهش تا بیاد وسط؟
خوب برای پایین افتادن یه DIV نیازی نیست float بهش بدی. اگه کدت و چارچوبت همونجوری باشه که من تصور میکنم یه چیزی تو مایه های clear جواب میده و نیازی به float نیست.
با clear تا به حال کار نکردم×!
توی همون قسمته layout هست؟
یعنی چی تو قسمت layout؟؟؟؟!!!
مثلا تو دو تا div داری:
[html]
<div></div>
<div></div>
[/html]
حالا اگه بهشون clear بدی:
[html]
clear: both;
[/html]
میافتن زیر هم. clear مشخص میکنه که این المنت چیزی بغلش باشه یا نه. اگه بدی clear:left یعنی سمت چپ این المنت چیزی نباشه. اگه باشه این خودشو میبره خط بعد. right هم همین حالت برای سمت راسته و both میگه که دو طرف این المنت چیزی نباشه.
مرسی
بچه شلوغ نکن
تو Microsoft Expression Web 2 این آپشن ها تو قسمته layout ]ستن برا اون گفتم
اه اه اهنقل قول:
بابا از تو که قهرمان مسابقات طراحی سنگین وزنی توقع نداشتم. :41: دکتر این مایکروسافتو بزار کنار. تا کی میخوای با کمک برنامه کد بزنی و قهرمان شی؟؟؟ :13: نمیدونم کجای expression web این هست ولی فقط میدونم یه خصوصیت css هست اینی که گفتم.
دهه!نقل قول:
آقا رو:31:
بچه بیشین سره جات!×! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اون برای 7-8 سال پیش و بیشتر بود که زمانه HTML 4.0 این برنامه ی notepad رو باز میکردیم و ده بنویس!
اون موقع اینقد استایل و ... و کدهای رنگا وارنگ جاوا اسکریپت و php و asp و ... نبود که!
در کل یه طراحه حرفه ای (مثله بنده!!! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ) فکره فرداش رو از الان میکنه!×!
کدنویسی که به قوته خودش باقیه ولی در محیطه برنامه هایی نظیره dream weaver و expression و این چیزا که به روز باشن و با validate کدها آشنا مینویسه که بعدا ها کمه کدها یه من شد تازه نفهمه که مقادیری کد validate نیست و یا معلوم نیست کدوم div ذلیل مرده کجا بسته نشده یا کجا مثلا یه دونه ; جا نمونده!
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] یاد بگیر پسر!×!
درسته یه خصوصه ی css ]ست ولی مثلا menu ی css و یا همون STYLE تو این برنامه خیلی راحت میزاره هم کدها رو سریعتر وارد کنی، هم بدونه مشکل، و هم اینکه تغییرات رو همون موقع ببینی!×! بده؟
خوب دیگه کسی نمیاد این چیزا رو ول کنه و مثله انسانه غار نشین با notepad خالی کار کنه مگر در موارده خاص!
توجیح شدی یا به زور متوصل شم؟ [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
{ :46: }
دیگه فکر نکنم 4 خط HTML و CSS انقدر ارزشی داشته باشه که همشو خودمون بنویسیم ! ابزارهای کمکی ( که اکسپرشن از بهترینهاشونه ) کارهای تکراری رو کم میکنه و کمک میکنه چیزهایی که بلدیم رو بهتر اجرا کنیم .. اما کار داریوش هم درست نیست که روش رو از رو برنامه یاد بگیره باید همون طور که پیمان جان گفت خصوصیت های css رو یاد بگیری نه اینکه ببینی از کجای اکسپرشن قابل دسترسه :20:
بابا نیما من کجا از رو برنامه یاد گرفتم!!!نقل قول:
خوب اینکه تابولیه یه آپشن کده css هست و چه طور و کجا باید به کار بره یدونه برنامه:31:
من اونطوری میخواستم بدونه که فلان جا هم از تو این برنامه میشه بهش دسترسی داشت:27:
تو که همینجوریش به زور متوصل شدی جوون!!!:13: بزا منم از خودم دفاع کنم خوب.:41:نقل قول:
دکتر من کی گفتم باید تو نوت پد برنامه بنویسی؟ میگم نباید عادت کنی به اینکه برنامه کاراتو انجام بده. هیچ کدی به اندازه کدی که خودت نوشته باشی Valid نمیشه. اینو از من بپرس. امکان نداره یه نرم افزار کدی بزنه که بهتر از کد یه developer دربیاد. اینم باز از من بپرس صداتم در نیاد :5:. دکتر همینجوری کد زدی که نمیتونی دیباگش کنی دیگه. ادیتورهای به مراتب حرفه ای تری هم هستن که میتونی باهاشون راحت کد بنویسی ولی برای این ناشناس موندن که نمیان بجات کد بزنن. ادیتورهایی مثل Aptana و Eclipse هستن که بهترین کد نویسی رو میتونی باهاشون انجام بدی بدون اینکه آسیبی به برنامه نویسیت وارد کنن. این نظر منه. من معتقدم برنامه نویسی که خودش کد نزنه مثل مهندسیه که خودش آستیناشو بالا نمیزنه دست به کار شه و مثلا رو یه قالب کار کنه. بعد از یه مدت خودبخود محو میشه.
نیما جان درست میگی ولی یه مقدار احساس میکنم این نظرت یه مقدار از برنامه نویس ASP بودنت نشات میگیره. نمیدونم برای برنامه نویسای ASP ارزش HTML و CSS چقدره ولی دونستن نکات ریز برای برنامه نویس PHP و کلا اوپن سورس به نظر من از نون شیم واجب تره. :10:نقل قول:
دونستنش که بعله برلی همه لازمه ربطی هم یه نوع زبونش نداره زیاد خیلی ..نقل قول:
اما گاهی بعضیها اجرای همون چیزها رو با یه GUI بیشتر از کدنویسی میپسندند !
-----
بحث کجا بود کجا هست !
داریوش مشکلت حل شد ؟! سنتر شد دی آی وی مذکور ؟!
پس -->/
نه بابا!
اینقد اذیت کرد فعلا خسته شدم دام انجمن رو درست میکنم
ترکوندی ما و خودتونقل قول:
کدتو بزار مگه اون موقع درست نشده بود؟؟؟؟
هه هه هه
پیمان حالا فعلا حس و حالش نیست
باشه برای موقعی کهبود
کدش که یکی دو تا نیست
یه منه