center کردن صفحه و مشکل div ap

M

mabbasi2

New Member
سلام و خسته نباشید!
من صفحه ی وبی را در فتوشاب ایجاد کردم و بعد از ذخیره کردن برای وب اونو از اونجایی که چپ بود در دریم ویور سنتر کردم حالا که کدها را می خام با ap div یه جای مشخص بذارم در ie بسته به سایز صفحه کد جا به جا میشه اگر لطف کنین بگین که چجوری اینو در صفحه ثابتش کنم که با تغییر پنجره جا به جا نشه ممنون میشم
 
Mr.Steres

Mr.Steres

Active Member
منظورتون رو درست نفهمیدم ولی منظور از سنتر یعنی درست وسط مرورگر حالا با هر سایزی ! ولی بیشتر توضیح بدید
 
S

siavash82ir

Member
برای وسط چین کردن که همون Align center استفاده میشه ولی من فکر کنم شما اندازه های table های اصلی را به درصد تعیین کردید ، وقتی به درصد تعیین شود ، هرزمان که رزولوشن صفحه تغییر کند یا پنجره مرورگر کوچک یا بزرگ شود اندازه صفحه شما هم تغییر میکند یا جابجا میشود. سعی کنید tableهای اصلی را به پیکسل تعیین کنید تا همیشه سایز صفحه شما فیکس بماند.

اگر از طریق مورد بالا رفع نشد ، ببینید در table های اصلی چیزی به نام margin left تعریف شده؟ اگر هست آنرا حذف کنید کامل.

امیدوارم که تونسته باشم کمک کنم.
 
M

mabbasi2

New Member
نه من table ها را به صورت درصد تعریف نکردم! قالب اصلی که با فتوشاپ درست کردم اندازه بخشهایش تغییر نمی کنه!!
فقط این ap div ها که داخلشون کدهایی مثل خبرنامه گذاشتم خراب میشن و جابه جا میشن!! راستی کد صفحه را هم میزارم!!
 
M

mabbasi2

New Member
PHP: 
<html>
<head>
<title>azaye shora</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:820px;
    top:1143px;
    width:150px;
    height:112px;
    z-index:1;
}
#apDiv2 {
    position:absolute;
    left:218px;
    top:1188px;
    width:137px;
    height:60px;
    z-index:2;
}
#apDiv3 {
    position:absolute;
    left:818px;
    top:979px;
    width:146px;
    height:100px;
    z-index:3;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="reza" style="margin: 0px auto;
text-align: center;">
<!-- Save for Web Slices (azaye shora.psd) -->
<div id="apDiv1"><a href="ymsgr:[email protected]"><img border="0" src="http://opi.yahoo.com/[email protected]&m=g&t=14"></a></div>
<div id="apDiv2"><!-- Begin WebGozar.com Counter code -->
<script type="text/javascript" language="javascript" src="http://www.webgozar.ir/c.aspx?Code=1491622&amp;t=counter" ></script>
<noscript><a href="http://www.webgozar.com/counter/stats.aspx?code=1491622" target="_blank">آمار</a></noscript>
<!-- End WebGozar.com Counter code --></div>
<div id="apDiv3"><!-- Begin WebGozar.com Newsletter code -->
<form action="http://www.webgozar.com/nletter/a.aspx"  target=_blank onSubmit="return sp(this);" name=wfrm method=post><p align=center dir=rtl><input class=txts type=text name="wgname"><br><input class=txts type=text name="wgemail"><br><input type=hidden value="326542" name="code"><input type="radio" id=c1 value="1" checked="true" name="R1" checked=true><font class=txtb><label for="c1">ÚÖæíÊ</label><input type="radio" id=c2 value="0" name="R1"><label for="c2">áÛæ ÚÖæíÊ</label><br><input type=submit class=txts value="ÇÑÓÇá Èå ÎÈÑäÇãå"></font><font class=txta><br><a href="http://www.webgozar.com">Powered by WebGozar</a></font><script language="javascript" src="http://webgozar.ir/scs/n2.js"></script><script language="vbscript" src="http://webgozar.ir/scs/n1.vbs"></script></p></form>
<!-- End WebGozar.com Newsletter code --></div>
<table id="Table_01" width="810" height="1300" border="0" cellpadding="0" cellspacing="0">
<tr>
        <td>
            <img src="images/azaye-shora_01.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_02.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_03.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_04.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_05.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_06.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_07.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_08.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_09.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_10.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_11.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_12.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_13.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_14.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_15.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_16.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_17.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_18.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_19.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_20.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_21.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_22.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_23.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_24.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_25.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_26.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_27.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_28.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_29.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_30.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_31.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_32.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_33.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_34.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_35.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_36.gif" width="270" height="100" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/azaye-shora_37.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_38.gif" width="270" height="100" alt=""></td>
        <td>
            <img src="images/azaye-shora_39.gif" width="270" height="100" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</div>
</body>
</html>
 
pouya saadeghi

pouya saadeghi

Active Member
اگه ميخواين div‏ ها وسط بمونن چرا از absolute‏ استفاده كرديد‏؟
 
آخرین ویرایش:
  • Like
Reactions: mtc
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا