یکسان بودن طرح من با طرحی که بقیه میبینند

[هزاره سوم]

دوستان چرا طرحی که من درست میکنم همیشه با اون چیزی که بقیه میبینند فرق داره؟
با تمام مرورگر هام هم تست میکنم ولی نمیدونم چرا باز همون طرحی میشه خودم میبینم
فقط هم واسه استایل اصلی که همه قسمت ها توش قرار داره میفته
وقتی از بقیه میپرسم میگن مثلا طرح سمت راست قرار داره
به نظرتون دلیلش چیه؟

[pirmard66]

سلام دوست من...

میشه طرحتون رو بزارید ببینیم بقیه چی میبینن؟

[parsboy]

دوستان چرا طرحی که من درست میکنم همیشه با اون چیزی که بقیه میبینند فرق داره؟
با تمام مرورگر هام هم تست میکنم ولی نمیدونم چرا باز همون طرحی میشه خودم میبینم
فقط هم واسه استایل اصلی که همه قسمت ها توش قرار داره میفته
وقتی از بقیه میپرسم میگن مثلا طرح سمت راست قرار داره
به نظرتون دلیلش چیه؟
دوست عزیز این مشکل میتونه دلایل زیادی داشته باشه که یکی ازاین دلایل میتونه resolution باشه

[هزاره سوم]

http://mahshidtesting.tk/

همین رو ببینید
الان این وسط صفحه است؟

[mohammad.kh]

نه نیست مگه واسه تو وسط هست؟

[هزاره سوم]

حالا دوباره میشه ببینید؟؟؟

[sina_oonline]

سلام برای من راسته الان با یک فاصله مثلا 40-50 پیکسلی از راست

شما می خواید کجا باشه؟ آخه با CSS اتون هم خوانی داره چیزی که من میبینم مشکل از رزولوشن شما هست فکر می کنم

[هزاره سوم]

رزولیشن کامپیوتر؟؟؟
خواستم دست کاریش کنم ولی کل صفحه بزرگ میشه

[2undercover]

مشکل شما اینه که می خوای اون بلاک رو با یک اندازه ثابت مکانشو مشخص کنی (که باعث میشه توی Resolution های مختلف متفاوت بشه.) الان شما نیازی به اون استایل های top و left نداری کافیه که از این استایل که همه جا استفاده میشه استفاده کنی:
margin: 0 auto;

[asghar2008]

سلام بهتره یه مقاله درمورد نحوه ی استفاده از position رو مطالعه کنید. تو div اصلی دیگه مقادیر left , top رو مقداردهی نمیکنند. تو همون صفحه شما کافیه margin:0px auto رو اضافه کنید و خصیصه top و left رو پاک کنیدو تا وسط چین شه.

[هزاره سوم]

الان ببینید دوباره الان وسطچین شده؟
ولی میخوام یه ذره با بالا فاصله داشته باشه
میشه اون رو هم کمک کنین؟

[asghar2008]

آره ، الان وسط چینه . ایرادش برطرف شد.

[هزاره سوم]

چطور با بالای صفحه فاصله بگیره؟

[mohamad_torabi]

باید از خاصیت margin-top استفاده کنید مثلا

margin-top:4px;

[na_des]

سلام داشتم فایل reset css نگاه میکردم :


font-size: 100%;
vertical-align: baseline;
background: transparent;

میشه در مورد این سه مورد توضیح بدید ؟
ممنون

[mohamad_torabi]

سلام داشتم فایل reset css نگاه میکردم :


font-size: 100%;
vertical-align: baseline;
background: transparent;

میشه در مورد این سه مورد توضیح بدید ؟
ممنون
سلام اولی فونت سایزه که برای تعیین سایزه فونته دومی رو نمیدونم سومی هم برای بک گرانده که هم میشه عکس باشه هم رنگ این کد ها هم کد های css3 است

[na_des]

سلام اولی فونت سایزه که برای تعیین سایزه فونته دومی رو نمیدونم سومی هم برای بک گرانده که هم میشه عکس باشه هم رنگ این کد ها هم کد های css3 است
خوب ممنون ولی اینارو که گفتین میدونم
چرا فونت سایز 100% کرده ؟ و همچنین مقادیری که به دوتای بعدی داده دلیلش چیه ؟ :متفکر:

[H:Shojaei]

سلام داشتم فایل reset css نگاه میکردم :


font-size: 100%;
vertical-align: baseline;
background: transparent;

میشه در مورد این سه مورد توضیح بدید ؟
ممنون
سلام
اولي فكر كنم درصدي از اندازه ي سايز شي پدر رو ميگيره.
دومي مكان متن تو سطر رو به صورت عمودي مشخص ميكنه اينجا (http://www.w3schools.com/cssref/playit.asp?filename=playcss_vertical-align&preval=25px)رو ببينيد.
سومي هم ميگه اين شي كه داريم كلا بدون رنگ باشه اينجا (http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-color&preval=transparent) رو ببينيد.

[H:Shojaei]

دوستان چرا طرحی که من درست میکنم همیشه با اون چیزی که بقیه میبینند فرق داره؟
با تمام مرورگر هام هم تست میکنم ولی نمیدونم چرا باز همون طرحی میشه خودم میبینم
فقط هم واسه استایل اصلی که همه قسمت ها توش قرار داره میفته
وقتی از بقیه میپرسم میگن مثلا طرح سمت راست قرار داره
به نظرتون دلیلش چیه؟
سلام
واسه اين كه بتونيد قالبتون رو با رزولوشن هاي متفاوت ببينيد ميتونيد از ابزار firefox كه تو مسير tools>webdeveloper>responsive design view استفاده كنيد انواع رزولوشن رو داره.
و تو chrome هم مسير tools>developer tools>setting كه دكمه ي setting گوشه ي سمت راست پايين از web developer داره و در آخر تيك Device metrics رو ميزنيد و اندازه ها رو دستي وارد ميكنيد.

[2undercover]

یک چیز دیگه شما الان یک بای استایل دادی:


margin: 0 auto;


بعد پایینش استایل دادی:


margin-top: 20px;


به جای اینکار بهتر همه شو خلاصه کنید:


margin: 20px auto 0;

[refugee]

دوست من برای وسط قرار دادن عکس , یا دایو و ... باید دو چیز مهم رو مد نظر بگیرید .

1. خاصیت : margin:0px auto;

که اینجا منظور از 0 برمیگرده به قسمت های بالا و پائین یا همان top , bottom , و قست auto است که مربوط میشه به راست و چپ که بصورت اتومات میذاریم یعنی خود مرورگر تشخیص میده که وسط است .

2. برای اینکه این دایو ما وسط بره نیاز به یه اندازه و ارتفاع است که تشخیص بده چقد باشه , پس شما باید یک width : 700px; و یک height:200px; قرار دهید .

اون قسمت 700 و 200 پیکسل برای نمونه بود .

همچنین اگه نیازی به موقعیت دهی بود میتونید از خاصیت : position: استفاده کنید که 4 حالت دارد .

absolut
fixed
relative
static