PDA

View Full Version : سوال: سازگاري با نمايشگر هاي مختلف


ravand
شنبه 26 آذر 1390, 12:01 عصر
سلام من ميخوام قالبم رو طوري بسازم كه توي همه ي مانيتور ها يه اندازه باشه . منظورم اينه كه مثلاً اگه توي مانيتور سي ار تي يه مقداري فاصله باشه توي ال سي دي و ديگر مانيتور ها كه از سي ار تي بزرگتر هستن هم همين مقدار فاصله باشه. مثلا من قالبي ساختم و مقدار پيكسلي رو به عرض ديو اصلي دادم . در مانيتور سي ار تي اندازه اش مناسب بود و تمام صفحه رو گرفته بود ولي در lcd سمت راست و چپش فاصله بود چون از مانيتور crt بزرگتر هست. يه نفر بهم گفت از درصد براي عرض استفاده كن. حالا من نميدونم براي ارتفاع چي استفاده كنم. چون ارتفاع متناسب با مطالب ارسالي به سايت بزرگ ميشه.ممنون ميشم نظراتتون رو بگيد.
hamid_shrk
شنبه 26 آذر 1390, 13:45 عصر
همه چیز رو خودتون گفتید دیگه ،باز هم پیشنهاده من اینه که از واحد em بجای درصد استفاده کنید (% رو اصلا پیشنهاد نمیکنم)
ارتفاع هم که به دیتا هاتون مربوط میشه.معمولا ارتفاع رو 100% میزارن.
ravand
شنبه 26 آذر 1390, 14:49 عصر
بهتر بود اين سوال رو از شما مي پرسيدم. كه من در زمينه ي يك div يك عكس گذاشتم و ميخوام وقتي قالب رو كسي با يك نمايشگر بزرگ مي بينه اين عكس زمينه هم بزرگ بشه. من مقدار درصد رو به عرض div دادم ولي فقط div بزرگ ميشه ولي عكس زمينه ي اون بزرگ نميشه من اين مشكل رو با عكس كه در منوهاي قالبم گذاشتم هم دارم.
متشكرم.
maryamm_20
شنبه 26 آذر 1390, 14:54 عصر
میشه از عرض ثابت استفاده کنی و صفحه اصلی سایت رو وسط بندازین
تقریبا از عرض های 985 یا 1005 استفاده میشه ،پهنا هم 100% ...
ravand
شنبه 26 آذر 1390, 15:02 عصر
میشه از عرض ثابت استفاده کنی و صفحه اصلی سایت رو وسط بندازین
تقریبا از عرض های 985 یا 1005 استفاده میشه ،پهنا هم 100% ...

ببخشيد من متوجه نشدم شما چي گفتيد؟ ميشه بيشتر توضيح بديد؟
ravand
شنبه 26 آذر 1390, 15:36 عصر
الان من عرض رو درصد دادم و ارتفاع رو auto و درست كار ميكنه اگه ارتفاع رو 100 درصد بدم اندازه ي عكس زمينه div ميشه. ولي auto كل div رو فرا ميگيره.فقط الان مشكلم با عكس هست. بايد كاري كنم كه عكس هم وقتي با يه نمايشگر بزرگ رو برو ميشه مثل div بزرگ بشه.
maryamm_20
شنبه 26 آذر 1390, 16:25 عصر
body{margin:0 auto;width:985;}
صفحه وسط قرار می گیره با عرض ثابت
:لبخندساده:
maryamm_20
شنبه 26 آذر 1390, 16:47 عصر
می تونید به عکس هم درصد بدین!

<div style="width:;height:"><img src="" style="width:20%;height:50%;"/></div>

تو div هم می تونید عرض و پهنای درصدی یا ثابت بدین ...
ravand
شنبه 26 آذر 1390, 21:02 عصر
روي دوم كه براي عكس بود كار ميكنه ولي روش اول نه.
ravand
یک شنبه 27 آذر 1390, 10:32 صبح
يه مشكل ديگه هست اينكه الان من اين عكس ها رو براي زمينه ي div استفاده ميكنم و اگه بيام به اين روشي كه شما گفتي عكس رو بذارم عكس زمينه ي قالب من بالاي عكس عنوان قالب قرار ميگيره چون با اين روش ديگه عكس زمينه ي div نيست.
اين كدهاي عكس هست در css:

#page { background: url(http://s2.picofile.com/file/7166985806/zemine4.jpg) no-repeat;
width:100%; height:auto;
border:0px;

}
ravand
یک شنبه 27 آذر 1390, 10:54 صبح
اين روش رو پيدا كردم :

#page { width:100%; height:70%; background: url(http://s2.picofile.com/file/7166985806/zemine4.jpg) no-repeat;
border:0px;
}
فقط دنبال يه برنامه اي هستم كه بتونم باهاش قالبم رو با نمايشگر هاي مختلف تست كنم. با سايت http://browserling.com/ امتحان كردم ولي اطميناني بهش ندارم از دوستان كسي همچين برنامه اي سراغ نداره؟
ravand
یک شنبه 27 آذر 1390, 14:05 عصر
توي نمايشگر lcd اين مقادير درصد رو كه به عكس دادم رو تست كردم ديدم جواب نميده. و اين اندازه ي 100 در صد رو براي اندازه اي كه با فتوشاپ به عكس داديم در نظر ميگيره. و مثل div هماهنگ با نوع نمايشگر بزرگ نميشه.
maryamm_20
دوشنبه 28 آذر 1390, 17:51 عصر
اره درسته به این روشی که شما اجرا کردید که عکس بک گراند ،باشه ،نمیشه بهش درصد داد .
باز بررسی می کنم اگر روشی پیدا کردم ،میگم خدمتتون ....
ravand
سه شنبه 29 آذر 1390, 15:19 عصر
من خيلي ار اين قالب هاي سرويس هاي وبلاگي بخصوص بلاگفا رو ديدم همه ي اونها با پيكسل ساخته شدن و توي نمايشگر هاي ديگه هم ضايع هستن مثلا نمايشگر هاي بزرگ كل قالب با اندازه ي كوچك مياد وسط نمايشگر ، يعني كسي با درصد قالب نمي سازه؟ يعني راهي وجود نداره كه اندازه ي عكس زمينه ي div هم هماهنگ با خود div در نمايشگر هاي بزرگ ، بزرگ بشه؟
Keramatifar
چهارشنبه 07 دی 1390, 16:20 عصر
دوست عزیز
در مورد background-position در CSS تحقیق کنید
ravand
چهارشنبه 07 دی 1390, 16:59 عصر
دوست عزیز
در مورد background-position در CSS تحقیق کنید

ميشه در اين مورد يه مثال بزنيد؟
اين كدهاي منه چطوري تغييرش بدم؟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
#div{
background: url(http://s2.picofile.com/file/7166985806/zemine4.jpg) no-repeat;
background-position:center top;
border:1px #CCCCCC solid;
height:auto;
width:98%;
font-face:tahoma;
font-size:8em;
}

#div img{
height:auto;
width:100%;

}
</style>
</head>
<body>
<BLOGFA>
<div align="center">
<div id="div">
متن
<img src="http://www.blogfa.com/images/blogfa.gif" style="width:20%;height:50%;"/>
</div>
</div>
</BLOGFA>
</body>
</html>
متشكرم
ravand
چهارشنبه 07 دی 1390, 21:36 عصر
والله من هر چي جستجو كردم به نتيجه اي نرسيدم اگه شما يه خط هم كد براي ما نوشته بوديد تا حالا مشكل حل شده بود.
اينم بگم كه من ميخوام عكس زمينه ي div با نمايشگر هاي مختلف سازگار باشه. نه زمينه ي خود قالب.