Anisi 301 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلام به دوستان و متخصصان!من اولین بارم هست که یک psd رو به html+css تبدیل می کنم و چون هدفم یادگیری هست هر بار که تبدیل کردم اینجا قرار میدم و از دوستان نشرخواهی می کنم و اشکالات رو می پیرسم. امیدوارم چیزی یاد بگیرم.خوب همونطور که گفتم این اولین قالبمه که تبدیل کردم:http://trainbit.com/files/5884499884/first.zipممنون میشم راهنماییم کنید اشکالات کار کجاست و یا برای بهینه و استاندارد شدن چه چیزهایی رو باید تغییر بدم؟برای نمونه من چند سوال می پرسم امیدوارم دوستان تنها به پاسخ به این سوالات اکتفا نکنن و مشکلات و مسائل دیگه ای رو هم مطرح کنن.1- چندتا اشکال از نظر استاندار w3 داره که مطرح می کنم و ممنون میشم راهنمایی کنید چطور رفعش کنم:قرار دادن تگ div بین تگ a برای ساخت دکمه های read more و click here. این کار رو کردم کگه کل دکمه لینک بشه. راه دیگه ای هم برای این کار هست که این خطا رو هم نگیرم؟قرار دادن تگ p بین تگ های li برای بخشس news در سایدبار. خوب وقتی می خوام متنی غیر از لیست به لیست اضافه کنم چه کنم؟! قرار دادن کاراکتر | برای جداد کردن عناصر لیست فوتر. برای این چیکار کنم؟قرار دادن تگ br برای فاصله انداختن لینک های فوتر و عبارت Copyright © Your Company Name. اینجا رو چیکار کنم؟!2- من همیشه توی چارچوب بندی کلی صفحه (چینش عناصر) مشکل داشتم و دارم و خیلی به مشکل بر می خورو. اگرمیشه برای رفع این مشکل بگین جیکار کنم و همچنین لطف کنید بگید الان این قالب از این نظر چزور هست.من برای چارچوب بندی کلی صفحه و قرار گرفتن اون در وسط و ثابت بودن اندازه، یک بلوک ساختم با آی دی wrapper که خصوصیاتش دربالا مشخص هست و سایدبار چپ را از لوگو تا IN THE SPOTLIGHT گرفتم با خاصیت position: absolute و بالا و پایین و ... رو مقدار دادم و یک بلوک هم برای محتوای صفحه در سمت راست با id content و همینطور برای هدر، اسلاید شو و ... . این کارام درست بوده یا بهتر میشده انجام داد؟3- فوتر وقتی ارتفاع صفحه از یک حدی کمتر باشه به پایین صفحه نمی چسبه. آیا این اشکالی داره و برای رفعش باید چیکار کرد؟4- توی هدر، فوتر و بخش Services برای تصاویر جدا کننده لیست نتونستم از خاصیت list-image استفاده کنم. چون توی بخش هدر و فوتر با استفاده از این خاصیت اصلا عکسش نشون داده نشد (که فکر کنم به خاطر استفاده از خاصیت inline هست! نه؟!) و توی بخش services هم چسبید به بالای پاراگراف و نتونستم وسط تنظیمش کنم و منم هم توی فوتر بین هر تگ li یک کاراکتر | قرار دادم (که یکی از خطاهای w3 به همین دلیل هست) و برای هدر و services هم از خاصیت background-image استفاده کردم. کارم درست بوده یا با همون لیست هم میشه این کارارو کرد؟5- توی بخش services از لیست استفاده کردم درسته یا باید از <p> استفاده می کردم؟ممنون که علاوه بر اشکالات بالا، اشکالات دیبگه رو هم گوشزد می کنید. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 قرار دادن تگ div بین تگ a برای ساخت دکمه های read more و click here. این کار رو کردم کگه کل دکمه لینک بشه. راه دیگه ای هم برای این کار هست که این خطا رو هم نگیرم؟شما بهتره استایلی که به تگ div دادید رو به خود تگ a بدید.قرار دادن تگ p بین تگ های li برای بخشس news در سایدبار. خوب وقتی می خوام متنی غیر از لیست به لیست اضافه کنم چه کنم؟! تگ span رو تست کنیدقرار دادن کاراکتر | برای جداد کردن عناصر لیست فوتر. برای این چیکار کنم؟خطا میگیره؟ میتونید از border استفاده کنید.قرار دادن تگ br برای فاصله انداختن لینک های فوتر و عبارت Copyright © Your Company Name. اینجا رو چیکار کنم؟!از خاصیت margin استفاده کنید.2- من همیشه توی چارچوب بندی کلی صفحه (چینش عناصر) مشکل داشتم و دارم و خیلی به مشکل بر می خورو. اگرمیشه برای رفع این مشکل بگین جیکار کنم و همچنین لطف کنید بگید الان این قالب از این نظر چزور هست.شما بگید منظور از مشکل چی هست تا بتونیم کمک کنیم.چون چینش معمولا سلیقه ایی هست هم در کد نویسی و هم در اجرا.3- فوتر وقتی ارتفاع صفحه از یک حدی کمتر باشه به پایین صفحه نمی چسبه. آیا این اشکالی داره و برای رفعش باید چیکار کرد؟اگر میخواین فوتر همیشهبه پایین چسبیده باشه از خاصیت پوزیشن absolute و bottom:0 استفاده کنید.- توی هدر، فوتر و بخش Services برای تصاویر جدا کننده لیست نتونستم از خاصیت list-image استفاده کنم. چون توی بخش.......مورد سوم رو دوباره بخونید. از خاصیت border استفاده کنید.5- توی بخش services از لیست استفاده کردم درسته یا باید از <p> استفاده می کردم؟بیشتر سلیقه ایی هست.بهتره شما پوسته رو جایی آپلود کنید تا بتونیم آنلاین بررسی کنیم. 3 نقل قول لینک به ارسال
Anisi 301 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 (ویرایش شده) ممنون از وقتی که می گذارید.اینم از قالبhttp://www.futuregate.ir/biz/شما بهتره استایلی که به تگ div دادید رو به خود تگ a بدید.این کار رو کردم ولی شکل دکمه به هم ریخت (هم margin و هم width):تگ span رو تست کنیدبازم خطا گزفت. میگه اصلا نباید چیزی بین li باشه. همچنین وقتی چیزی بین li ها میاد، برای تگ پایانی ul هم خطا میده میگه بازش نکردید! اینم از 3 خطا برای این قسمت:document type does not allow element "span" here; assuming missing "li" start-tag [XHTML 1.0 Transitional]document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag [XHTML 1.0 Transitional]end tag for "li" omitted, but OMITTAG NO was specified [XHTML 1.0 Transitional]خطا میگیره؟ میتونید از border استفاده کنید.آره! خطا گرفت. از بردر فقط میشه زمانی استفاده کرد که مثلا خط بین لیست باشه اما مثلا وقتی یک عکس بود (مثل لیست هدر همین قالب) نمیشه از بردر استفاده کرد!و مورد دیگه اینکه چرا وقتی لیست inline میشه دیگه list-image نشون داده نمیشه؟ مشکلی هست که از همین ویژگی برای این کار نمیشه استفاده کرد؟از خاصیت margin...منظورم از فاصله، خط بعد بود! اشتباه گفته بودم!شما بگید منظور از مشکل چی هست تا بتونیم کمک کنیم.چون چینش معمولا سلیقه ایی هست هم در کد نویسی و هم در اجرا.کلا توی چینش اجزای اصلی و بدنه مشکل دارم. چون ببشتر وقتا به هم میریزه. سلیقه ای هست یعنی اینکه با هر راه حلی به صورت طرح در بیارم موردی نداره؟اگر میخواین فوتر همیشهبه پایین چسبیده باشه از خاصیت پوزیشن absolute و bottom:0 استفاده کنید.این کار رو کردم، نه تنها با پایین ضفحه نچسبید بلکه به سمت چپ صفحه چسبید، وسط چینش به هم ریخت و دیگه طولش تمام صفحه رو پر نکرد. به این شکل:در ضمن یک سوال دیگه هم داشتم. برای راست چین کردن دکمه های read more از ویژگی margin: 20px 20px 20px auto; استفاده کردم تا راست چین بشه. چون از float right که استفاده کردم، به هم ریخت. کارم درست بوده؟ ویرایش شده آذر 91 توسط Anisi نقل قول لینک به ارسال
Farhad 276 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 جسارتا براي استفاده از دكمه read more از اين كد هم ميشه استفاده كرد :<div class="button"><a href="#">read more</a></div>اميدوارم مشكل نداشته باشه 1 نقل قول لینک به ارسال
Anisi 301 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 (ویرایش شده) ممنون از شماولی با این کار لینک فقط به متن داده میشه نه به کل div ویرایش شده آذر 91 توسط Anisi نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 این کار رو کردم ولی شکل دکمه به هم ریخت (هم margin و هم width):padding رو فراموش کردیدبازم خطا گزفت. میگه اصلا نباید چیزی بین li باشه. همچنین وقتی چیزی بین li ها میاد، برای تگ پایانی ul هم خطا میده میگه بازش نکردید! اینم از 3 خطا برای این قسمت:نباید خطا بگیره. چون هر دو اینلاین هستن.آره! خطا گرفت. از بردر فقط میشه زمانی استفاده کرد که مثلا خط بین لیست باشه اما مثلا وقتی یک عکس بود (مثل لیست هدر همین قالب) نمیشه از بردر استفاده کرد!درسته برای عکس نمیشه.و مورد دیگه اینکه چرا وقتی لیست inline میشه دیگه list-image نشون داده نمیشه؟ مشکلی هست که از همین ویژگی برای این کار نمیشه استفاده کرد؟چون در حالت اینلاین دیگه لیستی نیست که عکسش بیادمنظورم از فاصله، خط بعد بود! اشتباه گفته بودم!خوب این همیشه با br انجام میشه.کلا توی چینش اجزای اصلی و بدنه مشکل دارم. چون ببشتر وقتا به هم میریزه. سلیقه ای هست یعنی اینکه با هر راه حلی به صورت طرح در بیارم موردی نداره؟هر راهی که به بدنه و استاندارد بودن لطمه نزنه مشکلی ندارهاین کار رو کردم، نه تنها با پایین ضفحه نچسبید بلکه به سمت چپ صفحه چسبید، وسط چینش به هم ریخت و دیگه طولش تمام صفحه رو پر نکرد. به این شکل:چون باید بهش پهنا هم بدید ولی با توجه به نوع پوسته از خاصیت absolute استفاده نکنید.در ضمن یک سوال دیگه هم داشتم. برای راست چین کردن دکمه های read more از ویژگی margin: 20px 20px 20px auto; استفاده کردم تا راست چین بشه. چون از float right که استفاده کردم، به هم ریخت. کارم درست بوده؟مشکلی نداره 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .