با سلام خدمت اساتید محترم . من همیشه وقتی یک وب سایت طراحی میکنم با این مشکل مواجه میشوم که با بزرگ ترشدن صفحه یا همان زوم کردن صفحه در مروگر فایر فاکس یا کوچک کردن صفحه در فایر فاکس با بهم ریختگی قالب مواجه میشوم چگونه میتوانم این مشکل رو حل کنم ؟ منتظر پاسخ شما هستم با تشکر از شما
سلام دوست من.براي اينكه شما و يا هر طراح وب ديگه اي با اين مشكل رايج برخورد نكنه فتوشاپ يه ابزار در قسمت SAVE FOR WEB&DEVICES خودش اضافه كرده به اسم PREVIW كه شما ميتونين پس از هر تغييري كه بر روي قالب انجام دادين اونو داخل مرورگر دلخواهتون تست كنيد.اگر هم از ADOBE DREAMEWEAVER استفاده مي كنين اونجا هم در قسمت نوار ابزار خودش دو گزينه داره به نام هاي PREVEW و LIVE CODE كه ميتونين از اونها هم استفاده كنين!
اگر باز هم سوالي بود در خدمتم دوست عزيز
با سلام
دوست عزیز لطفا به کد های نمونه ی زیر دقت کنید. سه استایل تعریف شده و قبل از تمامی کد ها و درون تگ body به صورت div تعریف شده.
همین طور استایل تعریف شده برای تگ html برای تغییر سایز دادن عکس بکگراند مهم است.
نمونه کد ها :
[PHPS]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JEYSON style test</title>
<style type="text/css">
html{
background:url("http://iranavatar.com/images/hd_bg.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#000;
height:100%;
}
div.main_container{
padding:0 0 0 0;
margin:0 0 0 0;
height:100%;
}
<p style="color:#fff; font-size:30px;"> Hello world! this is the test</p>
<img id="img" src="http://iranavatar.com/images/bigimg_pic1.jpg" width="350" height="220" >
با سلام
دوست عزیز لطفا به کد های نمونه ی زیر دقت کنید. سه استایل تعریف شده و قبل از تمامی کد ها و درون تگ body به صورت div تعریف شده.
همین طور استایل تعریف شده برای تگ html برای تغییر سایز دادن عکس بکگراند مهم است.
نمونه کد ها :
PHP Code:
<!doctype html><html><head><meta charset="utf-8"><title>JEYSON style test</title><style type="text/css"> html{ background:url("http://iranavatar.com/images/hd_bg.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:#000; height:100%;} div.main_container{ padding:0000; margin:0000; height:100%;}/*------Body Starts------------*/ div.container{ width:630px; padding:0000; margin:0 auto 0 auto; position:relative; } div.top_portion{ margin:0 auto; width:450px; padding:42px 0 16px 0; position:relative;}.img{ position:absolute; left:200px;}</style></head><body><div class="main_container"><div class="container"><div class="top_portion"><p style="color:#fff; font-size:30px;"> Hello world! this is the test</p><img id="img" src="http://iranavatar.com/images/bigimg_pic1.jpg" width="350" height="220"></div></div></div></body></html>
جناب مودب باشید لطفا
بعدم اینکه ما اینجاییم به هم کمک کنیم نه از هم تشکر کنیم ، دوستمون اینقد فهمش میرسه خودش تشکر کنه، اگه نکرد هم نکرد نباید به روش بیارین
راجع به شان هم ، من اصلا به شان کسی کاری ندارم دوست عزیز
-----------------
موفق باشید
جناب مودب باشید لطفا
بعدم اینکه ما اینجاییم به هم کمک کنیم نه از هم تشکر کنیم ، دوستمون اینقد فهمش میرسه خودش تشکر کنه، اگه نکرد هم نکرد نباید به روش بیارین
راجع به شان هم ، من اصلا به شان کسی کاری ندارم دوست عزیز
-----------------
موفق باشید
من فكر ميكنم اين انجمن يك ناظر داره كه مواظب اعمال كاربران باشه و ديگه نيازي به اين نيست كه همه براي خودشون ناظر بشن.پس شما بهتره مواظب رفتار خودت باشي تا ديگران و اگر بنده جايي هم اشتباه كردم تابع هرگونه اخطار يا پيامدي از جانب ناظر محترم هستم.اميدوارم درك كني كه چي ميگم!
