yasweb 12 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 با سلاممن مدتي ميشه كه دارم css ياد ميگيرم ، و مبتدي هستمميخواستم بدونم چطوري ميشه در css كادر بندي يا همون باكس درست كرد ( مثلا ستون كناري ، ستون وسطي و ... ) و كدهايي كه بايد توي html فراخواني كرد چي بايد باشه ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 91 گزارش بازنشر ارسال شده در شهریور 91 سلام قدیم ترها با table صفحه را بخش می کردند مثل <table style="width: 100%; height: 180px" cellpadding="5" cellspacing="5" dir="rtl" class="style1"><tr> <td colspan="2"><h1>HEAD</h1></td></tr><tr> <td style="width: 250px">Sidebar</td> <td>CONTACT</td></tr><tr> <td colspan="2">FOOTER</td></tr></table>ولی الان بیشتر از div و لایه ها استفاده می کنند Div ها به صورت دیفالت خاصیت block و No-Float دارند و در کنار هم قرار نمی گیرند به همین خاطر لایه های کنار هم یا به چپ و یا به راست float می شوند مانند <div style="clear:both"><h1>HEAD</h1></div><div style="float:right;width:250px;">Siderbar</div><div style="float:right;width:650px">CONTENT</div><div style="clear:both">FOOTER</div>که همان table بالایست با استفاده از div 3 نقل قول لینک به ارسال
yasweb 12 ارسال شده در شهریور 91 مالک گزارش بازنشر ارسال شده در شهریور 91 ممنون دوست عزيزاگه بخوايم دو يا سه تا باكس كنار هم قرار بديم چي ؟اگه بخوايم بكر گراند يك باكس خاص رو عكس يا رنگ قرار بديم بايد چيكار كنيم ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 91 گزارش بازنشر ارسال شده در شهریور 91 به نظرم بهتره اول با table ها شروع کنی درسته که کمی خشکند ولی تنظیمشون راحته وقتی دستت توی کار راه افتاد بری سراغ div هااین قالب رو نگاه کن بک لایه 7 یک عکس در تکراره و لایه 8 یک عکس ثابت در وسط کادر این هم کدش <table style="width: 100%;" cellpadding="0" cellspacing="0" dir="rtl" class="style1"><tr> <td colspan="4" style="background:green;height:80px;">1</td> <td rowspan="4" style="background:gold">2</td></tr><tr class="m1"> <td style="background:lime">3</td> <td style="background:orange">4</td> <td style="background:fuchsia">5</td> <td style="background:blue">6</td></tr><tr> <td colspan="2" rowspan="6" style="background-image: url('bg.jpg')"> 7</td> <td rowspan="6" style="background-image: url('hamrah.GIF'); background-repeat: no-repeat; background-position: center center; background-color: #CCFFFF;color:#009933"> </td> <td style="background-color: #CCCCFF; height: 50px">9</td></tr><tr> <td style="background-color: #CC66FF; height: 50px">10</td></tr><tr> <td style="background-color: #FF00FF; height:50px">11</td> <td rowspan="2" style="color: #CC0000">15</td></tr><tr> <td style="height: 50px; background-color: #CC00CC">12</td></tr><tr> <td style="height: 50px; background-color: #660066">13</td> <td rowspan="2" style="border: medium double #3C7390; color: #663300;">16</td></tr><tr> <td style="height: 50px; background-color: #660033">14</td></tr></table>من اگه جات بودم تمرین می کردم و بیست سی تا شکا مختلف پیاده می کردم کدها را می تونی با نوتپد و در فرمت html ذخیره کنی و با بروسر ببینی 4 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .