خطایابی css و html صفحه

imanmir · Jul 5, 2009

راهنمایی و نظر
سلام دوستان چندتا سوال داشتم و در آخر هم یک نظر از شما البته با در نظر گرفتن فایل پیوستی
سوالات
1- می خوام این صفحه در وسط بیادش ،چه طوری؟
2- آیا کد های css من استاندارده ؟
3- بعضی مواقع مجبورم top= -100 یک عدد منفی بذارم آیا اشتباه است؟
4- من با validate نرم افزار DW کد html ,css را چک کردم مشکل عجیبی داره یکی به img مشکل می گیره و باید حتما با
<img style="backgraund-images…">
بیارم که راه حلی داره یا نه و دوما به li گیر میده
توجه : نوع صفحه من xhtml1-strict هستش

نظر:
آیا این قالب خوب هستش برای استفاده عمومی در هر ضمینه ای ؟

E-Boy · Jul 6, 2009

سلام دوست عزیز .
خسته نباشید .
من از نظر استاندارد بودن قالبتون رو چک کردم .
اینم نتیجش :
HTML : 123 Error
CSS : Standard - No Error
اما اینم نظرات خودم هست :
حجم قالب : متوسط
گرافیک : ضعیف
نمایش یکسان در تمام مرورگر ها : متوسط
کد نویسی : تقریبا مرتب و تمیز کار شده
موفق باشید .

imanmir · Jul 6, 2009

مرسی

سلام دوست عزیز .
خسته نباشید .
از پاسخ منطقیتان ممنون ولی چند نکته

1-
---------------------------------------
HTML : 123 Error
توی سوالاتم اشاره کردم عمده اشتبا هات من بخاطر استفاده کردن از دستور img به سبک زیر می باشد
" <img src=url>
ولی اگه از دستور زیر استفاده کنم ارور نمی ده
<img style=backgrund-image=url>
ولی این روش به خاطر اینکه من زمانی که در photoshopسایتم را publish می کنم به سبک اولی می نویسه و تا بخوام به سبک دومی در باورم زمان از بین می روم
سوالم این بود : که راه حل چیست؟
در ضمن چرا به <li> ایراد می گیرد
توجه : نوع صفحه xhtml1-strict می باشد

-------------------------------------------
ا2- منظور شما در از متوسط نمی دونم
زیرا حجم قالب با css + js + images = 9kb آیا این متوسطه البته ما با php همه صفحه را همیشه لازم نداریم منظور بدون ajax هست و فقط به 3kb نیاز داریم
و در تمامی مرورگر ها به درستی نمایش می دهد با تمامی سایز ها 764*1024 و 800*600
------------------------------------------
3-

این سوالاتم بی جواب موند
1- می خوام این صفحه در وسط بیادش ،چه طوری؟
2- بعضی مواقع مجبورم top= -100 یک عدد منفی بذارم آیا اشتباه است؟
-----------------------------------------
مجددا ازت تشکر می کنم چون نظرت برام اهمیت داشت

E-Boy · Jul 8, 2009

سلام دوست عزیز .

1
----------
از این کد که در زیر نوشتم استفاده کنید دیگه فکر کنم مشکل نداشته باشید :

کد:

<img alt="Your IMG Explanation" src="Image URL" />

فکر کنم تگ LI دیگه از HTML حذف شده باشه .
اگر که می خواین این تگ رو به کار ببرید از XHTML Transitional استفاده نمایید .
----------
2
----------
حجم صفحه وب صلی شما کمه ولی حجم عکس هایی که داخلش به کار رفته حدود 150 کیلو بایت هست .
پس با توجه به گرافیک پایین سایتی که طراحی کردین یکم زیاد به نظر می یاد .
درباره مرورگر ها هم باید بگم که تفاوت های اندکی وجود داره که میشه ازش صرف نظر کرد .
----------
3
----------
می تونید از دستور زیر در CSS برای اولین بلوک استفاده کنید تا وسط نمایش داده بشه :

کد:

margin-left:auto;
margin-right:auto;

از تگ های زیر هم می تونید در HTML استفاده کنید :

کد:

<center></center>

شاخص Top میتونه مقدار منفی بگیره .
----------

امیدوارم مفید باشه .
موفق باشید .

echessdesign · Jul 9, 2009

از این کد که در زیر نوشتم استفاده کنید دیگه فکر کنم مشکل نداشته باشید :
کد:

<img alt="Your IMG Explanation" src="Image URL" />

فکر کنم تگ LI دیگه از HTML حذف شده باشه .

درود بر شما
استفاده از تگ li در HTML حذف نشده است بلکه استفاده از این تگ قدیمی در نسخه های Sctrict صفحه وب مجاز نیست.

__________________________

می تونید از دستور زیر در CSS برای اولین بلوک استفاده کنید تا وسط نمایش داده بشه :
کد:

margin-left:auto;
margin-right:auto;

خلاصه نویسی کد ها فراموش نشود، تراز افقی صفحه:

HTML:

<style type="text/css" media="all">
	body {
		padding:0;
		margin:0 auto;
}
</style>

در رابطه با تراز عمودی در انجمن توضیح داده شده است. جستجو نمایید.

_______________

حجم بالای صفه فقط بازدید کننده سایت را دچار مشکل می کند و ارتباطی به استاندارد W3C ندارد.

پاینده باشید

E-Boy · Jul 9, 2009

سلام دوست عزیز .
اگر که درباره انواع doctype و خواصشون اطلاع ندارین می تونید به این لینک که در امضام هست برین .
من کامل دربارشون در یکی از پست ها صحبت کردم .
موفق باشید .

echessdesign · Jul 9, 2009

پیش تر به طور مفصل در رابطه با انواع سند های صفحه HTML بحث شده است...

imanmir · Jul 10, 2009

پاسخ

سلام مرسی از پاسختان
آقای e-boy اگر که li حذف شده پس شما چه طوری سایتتون را table less طراحی می کنید؟منظور چه طوری شما یک فرم 3 سطر و 3ستون بدون استفاده از table , tr ,th,td, etc استفاده می کنید پس حذف نشده
و از قدمی کارای web آقای echessdesign که در این بحث ما را یاری کردند تشکر می کنم و اینکه دوست داشتم نظر شما را هم بدونم و استفاده کنیم
در ضمن کد
padding:0;
margin:0 auto;
جواب نداد(صفحه را به وسط نبرد)

E-Boy · Jul 11, 2009

سلام دوست عزیز .

آقای e-boy اگر که li حذف شده پس شما چه طوری سایتتون را table less طراحی می کنید ؟

سایت رو با Div تیبل لس می کنند نه با li دوست عزیز .
در ضمن ما که نگفتیم li حذف شده .
فقط گفتیم امکان استفاده از li در Strict نیست .

منظور چه طوری شما یک فرم 3 سطر و 3ستون بدون استفاده از table , tr ,th,td, etc استفاده می کنید پس حذف نشده

با CSS مثل آب خوردن .
اگر که خواستین بگین تا کدش رو براتون بنویسم .

جواب نداد(صفحه را به وسط نبرد)

ناراحت نشید دوست عزیز اما به علت کد نویسی بد جواب نمیده .
به نظرم از ابتدا با استفاده از Div ها طراحی کنید .
موفق باشید .

imanmir · Jul 11, 2009

با سلام

با عرض سلام و احترام خدمت e-boy عزیز
اگر به کد بنده دقت کنید از div هم استفاده شده ولی استاندارد نیست که چند تا div ایجاد کنی به جای li به چند دلیل
1- سبک دهی li بسیار راحت است تا div
2-تعداد خطوط و کاراکتر های کد کمتر است
3-اولویت در بارگزاری

مثال :
<div id="border">
<ul>
<li>
<img src="images/e_13_4_88_05.gif" width="32" height="626" alt="">
</li>
</ul>
</div>
شما هم خواستید با div طراحی کنید

E-Boy · Jul 12, 2009

imanmir گفت:
با عرض سلام و احترام خدمت e-boy عزیز
اگر به کد بنده دقت کنید از div هم استفاده شده ولی استاندارد نیست که چند تا div ایجاد کنی به جای li به چند دلیل
1- سبک دهی li بسیار راحت است تا div
2-تعداد خطوط و کاراکتر های کد کمتر است
3-اولویت در بارگزاری

مثال :
<div id="border">
<ul>
<li>
<img src="images/e_13_4_88_05.gif" width="32" height="626" alt="">
</li>
</ul>
</div>
شما هم خواستید با div طراحی کنید

سلام دوست عزیز .
خسته نباشید .
حرف شما صحیح می باشد .
استفاده از li آسون تره اما به نظرم به همین دلیل هم هست که نمی تونید سایت رو در وسط صفحه متمرکز کنید .
در ضمن باید بگم که کاربرد li در طراحی بخش ناوبری سایت هست نه ایجاد بلوک ها .
در هر صورت به نظرم بهتره این بحث رو در صوررتی که مشکلاتون رفع شده دیگه ادامه ندیم .
چون بیش از حد داره کش می یاد و می ترسم که منجر به ناراحتی طرفین بشه .
موفق باشید .

imanmir · Jul 13, 2009

اتمام بحث

با سلام و مرسی از پاسختان مشخص شما آدم منطقی هستید
از اینکه قبول کردید li بهتر از div های تو در توی و امید وارم که قبول کنید که قالب من اگه وسط نمی یاد به خاطر li نیست و تنها اگه کدی که شما راهنمایی فرمودید (margin:0 auto

در بخشهای مختلف درست جای گذاری می شد درست بود و من وسط شده آن را آپلود کردم که باز از li استفاده شده

و امروز هم اتمام این بحث هستش و از همه دوستان و مخصوصا e-boy عزیز تشکر می کنم برای اینکه در این بحث چند نکته آموزشی خوب وجود داشت
پایان

E-Boy · Jul 13, 2009

imanmir گفت:
با سلام و مرسی از پاسختان مشخص شما آدم منطقی هستید
از اینکه قبول کردید li بهتر از div های تو در توی و امید وارم که قبول کنید که قالب من اگه وسط نمی یاد به خاطر li نیست و تنها اگه کدی که شما راهنمایی فرمودید (margin:0 autoدر بخشهای مختلف درست جای گذاری می شد درست بود و من وسط شده آن را آپلود کردم که باز از li استفاده شده

و امروز هم اتمام این بحث هستش و از همه دوستان و مخصوصا e-boy عزیز تشکر می کنم برای اینکه در این بحث چند نکته آموزشی خوب وجود داشت
پایان

سلام دوست عزیز .
خواهش میکنم .
قابل شما رو نداشت .
خوشحالم که مشکلاتتون رفع شد .
بازم سوالی بود من در خدمتم .
موفق باشید .

echessdesign · Jul 14, 2009

درود بر شما

سایت رو با Div تیبل لس می کنند نه با li دوست عزیز .

تصور می کنم به طور کلی، تعریف div و li با هم ناقص درک شده است1
کاربران عزیز، tableless کردن طراحی صفحه بدین معنی نیست که اصلا در سایت ما از table استفاده نکنیم، بلکه اصل آن است که در موقع خود، حتما باید از جدول استفاده کرد.
برای ساخت لیست ها، ما حتما نیاز به تگ های آن: Ul, Li داریم و این موضوع هیچ ربطی به DIV ندارد!
حتما تایپیک های ابتدایی انجمن CSS را مطالعه فرمایید

E-Boy · Jul 14, 2009

echessdesign گفت:
درود بر شما

تصور می کنم به طور کلی، تعریف div و li با هم ناقص درک شده است1
کاربران عزیز، tableless کردن طراحی صفحه بدین معنی نیست که اصلا در سایت ما از table استفاده نکنیم، بلکه اصل آن است که در موقع خود، حتما باید از جدول استفاده کرد.
برای ساخت لیست ها، ما حتما نیاز به تگ های آن: Ul, li داریم و این موضوع هیچ ربطی به div ندارد!
حتما تایپیک های ابتدایی انجمن css را مطالعه فرمایید

سلام دوست عزیز .
----------
div
این تگ برای تقسیم یک صفحه به بخش های بلوکی استفاده می شود .
----------
li
این تگ برای ایجاد یک آیتم فهرست به کار می رود .
----------
ما هم نگفتیم تیبل لس کردن ، استفاده نکردن از تیبل می باشد .
در بعضی مواقع استفاده از تیبل لازم هست .
----------
دوست عزیز این جا بحث ما ایجاد فهرست های یک وب سایت نبود .
بحث ما نحوه ایجاد بلوک های گوناگون سایت بود .
فکر نکنم با تگ li سایت رو بلوک بندی کنند .
در ضمن ما نگفتیم که استفاده از li برای ایجاد کردن فهرست ها اشتباه هست .
این دو رو هم اصلا به هم ربط ندادیم .
----------
ممنون از راهنماییتون .
حتما مطالعه می کنم .
----------
در هر صورت اگر که من اشتباه می کنم می تونید اشتباهم رو با مدرک بهم بگید .
موفق باشید .

imanmir · Jul 14, 2009

ای بابا

با سلام به همه دوستان
---------------------------
طراحی قالب می تواند به صورت tabel less , tabel base باشه
--------------------------
و اگه در کد بنده دقت نمایید می ببیند که با div بخش های اصلی مشخص شده و به وسیله ul و li سطر و ستون تعریف کردم که می بینید سایت بدون استفاده از tabel کاملا درست بالا می یاد
-------------------------
و فکر نکنم که li ,ul فقط برای ساخت بخش ناوبری سایت باشه!
-------------------------
اگر هم مشکلی در طرز استفاده بنده از li,ul می باشد بفرمایید تا رفعش کنم

E-Boy · Jul 14, 2009

imanmir گفت:
با سلام به همه دوستان
---------------------------
طراحی قالب می تواند به صورت tabel less , tabel base باشه
--------------------------
و اگه در کد بنده دقت نمایید می ببیند که با div بخش های اصلی مشخص شده و به وسیله ul و li سطر و ستون تعریف کردم که می بینید سایت بدون استفاده از tabel کاملا درست بالا می یاد
-------------------------
و فکر نکنم که li ,ul فقط برای ساخت بخش ناوبری سایت باشه!
-------------------------
اگر هم مشکلی در طرز استفاده بنده از li,ul می باشد بفرمایید تا رفعش کنم

سلام .
نه هیچ مشکلی نیست .
موفق باشید .

imanmir · Aug 23, 2009

راهنمایی برای آموزش چند ترفند

با سلام خدمت دوستان عزیز
معذرت اگه یک عنوان قدیمی را دوباره باز کردم چون نمی خواست یک تاپیک جدید بدم
در پیوست من دو فایل ارسال کردم که هر دو به صورت بدون جدول می باشند ولی در فایل 1 به روش دیو فقط طراحی شده ولی در فایل 2 از
Ul , il دیو استفاده شده است
نکته:
1- اختلاف حجم بسیار کم می باشد و می توان گفت هم اندازه می باشند
2- کد نویسی برای قالب بندی در بخش 2 بیشتر می باشد ولی منطقی تر و ساده تر است و به راحتی با دو مرروگر سازگار می شود
3- هیچ خطایی در هر دو کد نمی باشد و معتبر می باشند
سوال
1- با توجه به اینکه بنده اطلاع دارم روش دوم برای ایجاد ناوبر یا منوی سایت مناسب تر می باشد ولی برای طراحی همچین جدولی که مانند منوی می باشد پیشنهاد شما برای طراحی چیست؟با دلیل؟
2-برای من راحت اینکه که از روش 2 استفاده کنم می خوام چون سرعت چینش آن بسیار بالا تر از روش 1 است لطف کنید بگید که این کار چه مزایا و معایبی داره و استاندارد جهانی می باشد؟
3- آیا روش اول از روش دوم سریع تر و کد زیباتری دارد؟
4- آیا به روش 2 می توان گفت بدون جدول استاندارد؟
چیست آیا اگه ما یک جدول اصلی داشته باشیم صحیح تر است یا این روش که با دیو طراحی شده؟
5- منظور از Tabel base چیست؟

E-Boy · Aug 23, 2009

imanmir گفت:
با سلام خدمت دوستان عزیز
معذرت اگه یک عنوان قدیمی را دوباره باز کردم چون نمی خواست یک تاپیک جدید بدم
در پیوست من دو فایل ارسال کردم که هر دو به صورت بدون جدول می باشند ولی در فایل 1 به روش دیو فقط طراحی شده ولی در فایل 2 از
ul , il دیو استفاده شده است
نکته:
1- اختلاف حجم بسیار کم می باشد و می توان گفت هم اندازه می باشند
2- کد نویسی برای قالب بندی در بخش 2 بیشتر می باشد ولی منطقی تر و ساده تر است و به راحتی با دو مرروگر سازگار می شود
3- هیچ خطایی در هر دو کد نمی باشد و معتبر می باشند
سوال
1- با توجه به اینکه بنده اطلاع دارم روش دوم برای ایجاد ناوبر یا منوی سایت مناسب تر می باشد ولی برای طراحی همچین جدولی که مانند منوی می باشد پیشنهاد شما برای طراحی چیست؟با دلیل؟
2-برای من راحت اینکه که از روش 2 استفاده کنم می خوام چون سرعت چینش آن بسیار بالا تر از روش 1 است لطف کنید بگید که این کار چه مزایا و معایبی داره و استاندارد جهانی می باشد؟
3- آیا روش اول از روش دوم سریع تر و کد زیباتری دارد؟
4- آیا به روش 2 می توان گفت بدون جدول استاندارد؟
چیست آیا اگه ما یک جدول اصلی داشته باشیم صحیح تر است یا این روش که با دیو طراحی شده؟
5- منظور از tabel base چیست؟

سلام دوست عزیز .
خسته نباشید .

1 - روش اول . چون که روش استاندارد جهانی می باشد . درسته که توی ولید کردن هیچ خطایی دریافت نکردین ولی این روش استاندارد نیست .
2 - این حرف شما صحیح هست . اما کاربرد تگ های روش دوم ایجاد بلوک نیست . پس کار غیر استاندارد میشه .
3 - سریع تر بودن سلیقه ای می باشد . اما کد های روش اول زیبا تر و خوانا تر هستن .
4 - بدون جدول هست اما استاندارد نیست .
5 - یعنی این که قالب از پایه با تگ های تیبل ساخته شه .

سوالی بود درخدمتم .
موفق باشید .

imanmir · Aug 24, 2009

مرسی

با سلام
دوست عزیز بنده با استناد حرف شما و منطقی بودن آن روش 1 یا هم بلوک بندی خالی را استفاده کردم فقط چند سوال

1-زمانی که با دیو طراحی می کنیم چند تا عکس حاشیه ای مانند عکس های فضای خالی و ... باید حذف شود که در صورت عدم حذف شکل درست در نمی آید آیا این کار درست است؟
2-شما به جای هر تی آر یک دیو باز می کنید یا تی دی ؟
3-آیا باید تمامی دیو ها را سبک دهی کرد؟