واضح آرشیو وب فارسی:سایت ریسک: چيدمان صفحه mbolandnazar 17 اسفند 1389, 20:03ميدونم خيلي تكراريه ولي من خيلي توش گير افتادم و هركاري ميكنم ياد نمي گيرم ميشه منو راهنمايي كنين. مبتدي باشه تا ياد بگيرم هيدر وسط باشه منوها هم بصورت منظم زير هيدر باشه.همه زير يه ستون بعد منو ها هم بيا زير هيدر باشه و اينقدر فاصله نداشته باشن ممنون:rose: ضميمه a كار خودم ضميمه u ميخوام اينجوري بشه كد: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html> <head> <style spry:state="ready"> body { background-color:#171717; font-family:Tahoma; } .head { background-image:url(Untitled-2.jpg); color:#CCCCCC; font-size:50px; width:800px; height:125px; margin-left: 10%; margin-right: 10%; } .mov{color:#666666; width:800px; height:125px; margin-left: 10%; margin-right: 10%; font-size:medium; } .menu {background-image:url(bala.png); margin-left:10%; width:188px; height:27px; font-size:18px; margin-top:auto; color:#FF6600; font-weight:bold; } .email {background-image:url(Untitled-12.jpg); margin-left:10%; width:188px; height:22px; font-size:10PT; color:#999999; font-weight:bold; } .Khabar {background-image:url(khabar.png); margin-top:0px; margin-right:15%; width:478px; height:173px; float:right; font-size:15PX; color:#838383; } .footer { height: 14px; border-top: 4px solid #C63925; text-align: center; color:#CCCCCC; } .la {margin-left:16%; color: #FF6600; } .go{ background:url(go.png); margin-left:10%; width:24px; height:23px; margin-top:auto; } .froum{background:url(froum.jpg); margin-left:10%; width:188px; height:217px; margin-top:auto; } .zir{background-image:url(zir.png); margin-left:10%; width:188px; height:22px; } .emkanat {background-image:url(bala.png); margin-left:10%; width:160px; height:18px; font-size:15px; margin-top:auto; color:#FF6600; } </style> <meta "Content-Type" content="text/html; charset=utf-8" /></head> <body> <div align="center" class="head" >official website Shahin</div> <marquee class="mov">shahin busher tavanest tim real madred ra ba natije 2 - 0 shekast dahad va gharaman jahan sahavad --- manutd 2-0liverpol --- chelsea 0-3mancity --- iranjavan1-1kargarbonegaz </marquee> <div class="Khabar">..................Titr Khabar.......................</div> <div class="Khabar">..................Titr Khabar.......................</div> <div align="center" class="menu">بازي بعدي</div> <div align="center" class="email">استقلال</div> <div align="center" class="email">ورزشگاه آزادي</div> <div align="center" class="email">ساعت 16:15</div> <div align="center" class="email"> تاريخ 1389/11/12</div> <div align="center" class="email">تهران</div> <div class="zir"></div> <div align="center" class="menu">هواداران</div> <div align="center" class="email">ماهنامه</div> <div align="center" class="email">عکس</div> <div align="center" class="email">ويدئو</div> <div align="center" class="email">نظرسنجي</div> <div class="zir"></div> <div align="center" class="menu">محصولات</div> <div align="center" class="email">پيراهن</div> <div align="center" class="email">شرت</div> <div align="center" class="email">جوراب</div> <div align="center" class="email">کفش</div> <div class="zir"></div> <div clsaa="user"></div> <div align="center" class="menu">ورود اعضا</div> <div class="la">نام کاربري</div> <input type="text" name="user" id="user" size="25" value="" class="emkanat" /> <div class="la">رمز عبور</div> <input type="password" name="pass" id="pass" size="25" value="" class="emkanat" /> <a href="file:///J:/shahin/Document1.html"><img src="go.png"></img></a> <div align="center" class="menu">فروم</div> <div class="froum"></div> <div class="footer">Copyright ©2011 - 1389, ShahinBushehr.ir</div> </body> </html> echessdesign 23 اسفند 1389, 21:05درود بر شما چند راهنمایی - برای تمامی div هایی که قرار است موقعیت ثابت داشته باشند، از خصیصه float استفاده کنید. - فاصله ها را بر حسب % نگیرید. - یک div مادر (مثلا به نام wrp) در نظر بگیرید، تمامی div خود را در آن قرار دهید. با این توصیه ها، مجدد کد های خود را نوشته و اصلاح کنید. موفق باشید Cyletech 24 اسفند 1389, 11:04از پرسشگر تشکر می کنم بابت سوال خوبش. منم تا چند روز پیش مشکل تو رو داشتم ولی با کمی دقت تونستم خودم بفهمم چی به چی بوده. اول از حسین جان هم تشکر می کنم بابت توضیحات خوبش. من که دو موردشو نمی دونستم. :rose: مشکل افرادی که این امر رو درک نمی کنن اینه که یا خودشون تو برنامه ای مثل فتوشاپ پوسته رو طراحی نمی کنن یا اگر طراحی کنن از خط کش ها یا همون ruler ها استفاده نمی کنن. خاصیت این خط کش ها اینه که خودمون که طراح هستیم تشخیص میدیم کدوم بخش واسه کدوم بخشه و هیچ ربطی به دیگری نداره. چون هر بخش خاصیت خودش رو داره که style اش فرق می کنه. اگر شما تو طراحی بتونین این رو تشخیص بدید خیلی راحت همه رو جدا می کنید. موقع کد نوشتن هم مثلاً داری بخش هدر رو می نویسی. خوب اگر طراحیت طوری باشه که هدر دارای یک منو و یک آرم باشه با هم فرق می کنه. پس اینطوری می نویسی که یک div کلاً واسه بخش هدر و یک div واسه بخشی که آرم می گذاریم و بخش آرم رو می بندیم و یک div دیگه واسه محل منو باز می کنیم. بعد یک div دیگه واسه جایی که در منو می خواهیم بنویسیم. بعد همه را به ترتیب می بندیم. Cyletech 24 اسفند 1389, 11:07خود من یه سوالی ازت دارم حسین جان. اونم اینه که گفتی - فاصله ها را بر حسب % نگیرید. خوب مثلاً اگر من بخوام پس زمینه هدر رو کل صفحه در نظر بگیرم که صفحه من الآن 800 پیکسل هست ، اگر تو صفحه نمایش بزرگتر یا کوچیک تر قرار بگیره ساختار پوسته بهم می خوره. بنظرم باید در اینجا از % استفاده کنیم که نشون بده هرچقدر که اندازه صفحه هست نمایش بده! اینطور نیست؟ echessdesign 24 اسفند 1389, 17:08ارادتمندم دوست عزیز علت اینکه من میگم فاصله ها را بر حسب % نگیرید: - وقتی شما طول DIV رو بر حسب PX میگیرید، یعنی انتظار دارید که اندازه آن در سایز های مختلف مرورگر + رزولیشن های مختلف، به یک اندازه باشد، خوب ، زمانی که شمت فاصله ها را بر حسب % میدید، آن زمان دیگر فاصله DIV ها با تغییر سایز های مختلف مرورگر + رزولیشن های مختلف ، تغییر می کند! جواب سوال دوم شما () (فکر می کنم یک سال و 2 ماه پیش توضیجات رو داده بودم!) موفق باشید سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 347]