سیدرضا بازیار 257 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 من امروز یه کد ساختم که میخوام اون رو به عنوان فوتر قرار بدم و اون رو وسط چین کنمhttp://www.rabeteha.com/page/menuچیکار کنم که منو بیاد وسط؟این اولین کدی هست که به دست خودم طراحی شده نقل قول لینک به ارسال
amirali.bk 656 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 سلامشما کل ul هاتون رو بزار تو ی دایو مثلا footermenuبعدش به بدنه position:relative بدید و به کلاس footermenu position:absolute و left و bottom مقدار بدید بهش که بیاد وسط اوکی بشه 1 نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 از position:absolute تو این مورد استفاده نکنید چون کد های بهتر و بهینه تری سهت از نظر نمایش در صفحه می تونید از Margin استفاده کنیداگر بخواید دلیل position:absolute هم می تونم بگم 2 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 توی کد یه دونه ul هست که 6 تا il دارهمن ul رو توی div گذاشتم و توی margin:auto قرار دادماما هیچ تغییری نکردکد:<!DOCTYPE html><html><head><title>balyan</title><style>il:hover {background-color: #999;transition-duration:1s;}ul {width:100%;height:89px;background-color: #CCC;padding:30px}il {width:80px;height:75px;margin:1px;padding:3px;text-align:center;float:left;transition-duration:1s;}a {text-decoration:none;color:#333;display:block;width:80px;height:75px;}</style></head><body><ul><il><a href="#"><img src="http://up.vbiran.ir/uploads/37121140655863940686_1406576070_internt_web_technology-01.png" width="50px" height="50px" />Web</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/4003414065591402141_1406577063_download.png" width="50px" height="50px" />Download</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/43111140655949812560_1406577425_bubble.png" width="50px" height="50px" />Forum</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/2217140656001119536_1406577936_package_games.png" width="50px" height="50px" />Game</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/2601114065604056941_1406578330_music.png" width="50px" height="50px" />Music</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/3729140656063419676_1406578565_read_message.png" width="50px" height="50px" />SMS</a></il></ul></body></html> نقل قول لینک به ارسال
amirali.bk 656 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 ازposition:absoluteتو این مورد استفاده نکنید چون کد های بهتر و بهینه تری سهت از نظر نمایش در صفحه می تونید از Margin استفاده کنیداگر بخواید دلیلposition:absoluteهم می تونم بگمدلیلش رو می فرمایید؟ 1 نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 دلیلش رو می فرمایید؟چون نیازی نیستمشاهده کنبه راحتی با display و text-align میشه آورد وسطhttp://www.cssdesk.com/fdCbAتوی کد یه دونه ul هست که 6 تا il دارهمن ul رو توی div گذاشتم و توی margin:auto قرار دادماما هیچ تغییری نکردکد:<!DOCTYPE html><html><head><title>balyan</title><style>il:hover {background-color: #999;transition-duration:1s;}ul {width:100%;height:89px;background-color: #CCC;padding:30px}il {width:80px;height:75px;margin:1px;padding:3px;text-align:center;float:left;transition-duration:1s;}a {text-decoration:none;color:#333;display:block;width:80px;height:75px;}</style></head><body><ul><il><a href="#"><img src="http://up.vbiran.ir/uploads/37121140655863940686_1406576070_internt_web_technology-01.png" width="50px" height="50px" />Web</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/4003414065591402141_1406577063_download.png" width="50px" height="50px" />Download</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/43111140655949812560_1406577425_bubble.png" width="50px" height="50px" />Forum</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/2217140656001119536_1406577936_package_games.png" width="50px" height="50px" />Game</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/2601114065604056941_1406578330_music.png" width="50px" height="50px" />Music</a></il><il><a href="#"><img src="http://up.vbiran.ir/uploads/3729140656063419676_1406578565_read_message.png" width="50px" height="50px" />SMS</a></il></ul></body></html>از این کد استفاده کنul {width: 100%;height: 89px;background-color: #CCC;padding: 30px;text-align: center;}در ضمن li نه il li {width: 80px;height: 75px;margin: 1px;padding: 3px;text-align: center;display: inline-block;transition-duration: 1s;} 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 از این کد استفاده کناستفاده کردم. اما هیچ اثری نکرددر ضمن li نه il متوجه این اشتباه شده بودم. اما به دو دلیل این اشتباه رو کردم:1- واسه مخفی کردن نقطه تو پر کنار اون2- واسه اینکه برعکس هم کار میکرد نقل قول لینک به ارسال
amirali.bk 656 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 دچون نیازی نیستمشاهده کنبه راحتی با display و text-align میشه آورد وسطhttp://www.cssdesk.com/fdCbAدوسته عزیز دلیلتون همین بود؟؟text-align برای متن کار میکنه نه عکس به کار شده در نمونه فوقیکی از بهترین راه ها برای قرار گیری عکس و متن در یک دایو والد همین position ها هستند ..مورد شما غیر اصولی هست چون برای عکس و متن جور در نمیادموفق باشید 1 نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 ددوسته عزیز دلیلتون همین بود؟؟text-align برای متن کار میکنه نه عکس به کار شده در نمونه فوقیکی از بهترین راه ها برای قرار گیری عکس و متن در یک دایو والد همین position ها هستند ..مورد شما غیر اصولی هست چون برای عکس و متن جور در نمیادموفق باشیدلطفاً اول یه تست بنما بعد نقد کنیدhttp://www.cssdesk.com/RuXJE 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 طبق گفته اساتید html5 باید واسه وسط چین از margin استفاده کرد. هر چند کد های دیگه هم این کار رو انجام میدن، اما margin صحیح تر هست.البته این کد ذهن من رو به کلی مشغول کرده. هیچ کدی نمیتونه اون رو بیاره وسط صفحه! نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 طبق گفته اساتید html5 باید واسه وسط چین از margin استفاده کرد. هر چند کد های دیگه هم این کار رو انجام میدن، اما margin صحیح تر هست.البته این کد ذهن من رو به کلی مشغول کرده. هیچ کدی نمیتونه اون رو بیاره وسط صفحه!الان دیگه با لینکی که دادم مشکلی نیست میاد وسط 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 الان دیگه با لینکی که دادم مشکلی نیست میاد وسطنههیچ تغییری نکردهاگه ممکنه کد کامل شده رو برام بزارید نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 اینو به جای کدای قبلی اضافه کنul {width: 100%;height: 89px;background-color: #CCC;padding: 30px;text-align: center;}li {width: 80px;height: 75px;margin: 1px;padding: 3px;text-align: center;display: inline-block;transition-duration: 1s;} نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 شمای بجای float از display استفاده کردیددر حالی که استاندارد جدید میشه از float استفاده کنیم. تفاوت این دوتا چیه؟شما بدون استفاده از list-style-type:none; تونستید نقطه تو پر رو بردارید!کلا این کد باعث شد که نا امید بشم. چون چیز هایی رو. که یاد گرفته بودم جواب نمیدن. اما کد شما جواب داد نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 خوب قرار نیست که یک استاندارد جدید اضافه میشه دیگه از روش های گذشته استفاده نکنیمچون اینجا ما از li در ul در شرایط خاصی استفاده می کنیم نمی تونیم از float استفاده کنیمچرا؟چونکه از والدش میاد بیرون و در نتیجه والد بدون فرزند می مونه و حرفی برای گفتن نداره از سایت http://stackoverflow.com/ استفاده کنید آموزش های جامعی توش هست 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 (ویرایش شده) خوب قرار نیست که یک استاندارد جدید اضافه میشه دیگه از روش های گذشته استفاده نکنیمچون اینجا ما از li در ul در شرایط خاصی استفاده می کنیم نمی تونیم از float استفاده کنیمچرا؟چونکه از والدش میاد بیرون و در نتیجه والد بدون فرزند می مونه و حرفی برای گفتن نداره از سایت http://stackoverflow.com/ استفاده کنید آموزش های جامعی توش هستاون سایت خارجیه...کد float اون رو از چپ به راست شناور کرد (در حالی که پیشفرض از بالا به پایین بود) و کد list-style-type اون رو از حالت نقطه تو پر خارج میکرد. اما این دو کد باعث شد که از حالت والد خارج بشه و به دستور وسط چین شدن پیروی نکنهاما کد شما تونست کار چندین کد رو انجام بدهحالا 2 تا سوال برام پیش اومده:کد شما "display: inline-block;" دقیقا چه کار هایی رو انجام میده؟سوال دوم رو توی پست بعدی میپرسم ویرایش شده مرداد 93 توسط سیدرضا بازیار نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 اون سایت خارجیه...کد float اون رو از چپ به راست شناور کرد (در حالی که پیشفرض از بالا به پایین بود) و کد list-style-type اون رو از حالت نقطه تو پر خارج میکرد. اما این دو کد باعث شد که از حالت والد خارج بشه و به دستور وسط چین شدن پیروی نکنهاما کد شما تونست کار چندین کد رو انجام بدهحالا 2 تا سوال برام پیش اومده:کد شما "display: inline-block;" دقیقا چه کار هایی رو انجام میده؟سوال دوم رو توی پست بعدی میپرسمdisplay:block حالت یه بلوک عمل می کنه یعنی مثل یه بلوک سیمانی دقیقاً مثل همون حالا فرض کن 10 تا بلاک روی هم چیدیم این میشه blockاما اگر از inline استفاده کنیم خط میشه معنیش با خودشه In:در + Line: خطکه با اضافه کردن textalign هم وسط چین میشه نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 من روزانه 8 ساعت به آموزش برنامه نویسی می پردازم و 4 ساعت هم کلا چشمم بسته و تایپ میکنم... . اما حالا متوجه شدم که باید بیشتر تمرین کنماگه دقت کنید، سمت چپ کد یکم از صفحه فاصله دارهمن میخوام کد رو واسه فوتر بزارم که دقیقا فوتر رو بدون هیچ مشکلی بگیره (واسه یه صفحه html)لطفا راهنمایی کنید نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 من روزانه 8 ساعت به آموزش برنامه نویسی می پردازم و 4 ساعت هم کلا چشمم بسته و تایپ میکنم... . اما حالا متوجه شدم که باید بیشتر تمرین کنماگه دقت کنید، سمت چپ کد یکم از صفحه فاصله دارهمن میخوام کد رو واسه فوتر بزارم که دقیقا فوتر رو بدون هیچ مشکلی بگیره (واسه یه صفحه html)لطفا راهنمایی کنیددست عزیز شما از پایه مشکل دارید1- باید از ابزار ریست استفاده کنید http://meyerweb.com/eric/tools/css/reset/reset.css 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 دست عزیز شما از پایه مشکل دارید1- باید از ابزار ریست استفاده کنید http://meyerweb.com/...reset/reset.cssابزار ریست چیه؟ و اون لینک چیه؟اون منو رو که ساختم میخوام بزاریم پایین سایتم www.balyan.irاز چه کدی استفاده کنم؟ نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 ابزار ریست چیه؟ و اون لینک چیه؟اون منو رو که ساختم میخوام بزاریم پایین سایتم www.balyan.irاز چه کدی استفاده کنم؟سایتت رو دیدم که منو درست شدهاما در خصوص RESET باید بگم به قالب سایت کمک می کنه که از مقدار های اولیه که مرورگر استفاده می کنه جلو گیری کنه مثلاً اکثر مرورگر ها به تگ P فاصله از بالا و پایین می دن(Margin) که زیاد جالب نیست، و شما باید این ریست رو مثل یه فایل سی اس اس به قالبتون اضافه کنید یا همون به فایل Style.css اضافه کنیددر ضمن اگر اضافه کردید دیدید که همه چیز تغییر کرده از نظر فاصله ها و اندازه ها بدونید که در اون حالت درست هستش نه حالت قبل و دوباره مقدار دهی کنید. 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 (ویرایش شده) سایتت رو دیدم که منو درست شدهاما در خصوص RESET باید بگم به قالب سایت کمک می کنه که از مقدار های اولیه که مرورگر استفاده می کنه جلو گیری کنه مثلاً اکثر مرورگر ها به تگ P فاصله از بالا و پایین می دن(Margin) که زیاد جالب نیست، و شما باید این ریست رو مثل یه فایل سی اس اس به قالبتون اضافه کنید یا همون به فایل Style.css اضافه کنیددر ضمن اگر اضافه کردید دیدید که همه چیز تغییر کرده از نظر فاصله ها و اندازه ها بدونید که در اون حالت درست هستش نه حالت قبل و دوباره مقدار دهی کنید.الآن منو درست شده اما پایین صفحه قرار نمیگیره (فقط بعد از سرچ پایین میاد)حالا چیکار کنم که منو همیشه پایین باشه؟ (با متن ها هم حرکت کنه) ویرایش شده مرداد 93 توسط سیدرضا بازیار نقل قول لینک به ارسال
IMasoud 102 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 من بخوام الان برای شما توضیح بدم به جای نمیرسه و این تاپیک خودش میشه یه دوره آموزشی شما کلاً به اصول کد نویسی آشنا نیستید پیشنهاد می کنم هدفمند تر مطالعه کنید 1 نقل قول لینک به ارسال
سیدرضا بازیار 257 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 من بخوام الان برای شما توضیح بدم به جای نمیرسه و این تاپیک خودش میشه یه دوره آموزشی شما کلاً به اصول کد نویسی آشنا نیستید پیشنهاد می کنم هدفمند تر مطالعه کنیدمن فقط میخوام یه فوتر مثل بقیه سایت ها قرار بدماما توی هیچ انجمنی پاسخ نگرفتم نقل قول لینک به ارسال
Farzad 3805 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 من فقط میخوام یه فوتر مثل بقیه سایت ها قرار بدماما توی هیچ انجمنی پاسخ نگرفتمشاید مشکل از پرسیدن و انتظارات شماست ساختار کدتون صحیح نیست کلاً. 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .