مساعده في تصحيح كودين لان فيها اخطاء (صوره ونقطة تمدد وصوره )

**upkelk.com** · 07-08-2008

اخواني ..

عندي كود عباره عن

صوره ونقطة تمدد

يعني صوره في اليسار ونقطة تمدد وصوره في الوسط

كيف أصلحها بالـcss

لا أستطيع عملها الا عن طريق جداول وطلع فيها 9 اخطاء حسب

http://validator.w3.org/

مثال

كود:

 
<head>
<style type="text/css">
.style1 {
 text-align: center;
 background-image: url('file:///C:/Users/toshiba/Pictures/hdr_04.gif');
}
</style>
</head>
<table style="width: 100%">
 <tr>
  <td class="style1">
  <img alt="" src="file:///C:/Users/toshiba/Pictures/hdr_05.gif" width="494" height="167" style="float: right"><img alt="" src="file:///C:/Users/toshiba/Pictures/hdr_03.gif" width="30" height="167"></td>
 </tr>
</table>

وكمان عندي عمودين تحت بعض
يعني

عمود وفيه كلام ولون وتحته عمود فيه كلام ولون كيف أصلحها ؟. بـcss

لاني جربت عن طريق جدولين وطلع فيها اخطأ

مثال

كود:

 
<head>
<meta http-equiv="Content-Language" content="en-gb">
<style type="text/css">
.style1 {
 border: 2px solid #FFFFFF;
}
.style2 {
 text-align: center;
 background-color: #FF00FF;
}
.style3 {
 color: #FFFFFF;
}
.style4 {
 text-align: center;
 background-color: #00FFFF;
}
</style>
</head>
<table style="width: 100%" class="style1">
 <tr>
  <td class="style2"><span lang="ar-sa" class="style3">كيف الحال </span>
  </td>
 </tr>
 <tr>
  <td class="style4"><span lang="ar-sa">تجربه</span></td>
 </tr>
</table>

صدقوني اني ماكتبه الا بعد مابحثت عن حل ..

لاني طالعت مواقع مصلحه مثلها وشفت اكوادها طلعت نفسها ليش انا تطلع عندي خطأ

ارجو المساعده

**محمد فؤاد** · 07-08-2008

السلام عليكم

لم افهم ماذا تريد ان تصمم بالظبط ب css لربما ساعدتك واستغنيت عن الجداول

على كل حال قمت بتعديل المثالين وهما مطابقين لمعايير xhtml

الاول

كود HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>عنوان </title>
<style type="text/css">
.style1 {
	text-align: center;
	background-image: url('file:///C:/Users/toshiba/Pictures/hdr_04.gif');
}
</style>
</head>

<body>

<table style="width: 100%">
	<tr>
		<td class="style1">
		<img alt="" src="file:///C:/Users/toshiba/Pictures/hdr_05.gif" width="494" height="167" style="float: right" />
		<img alt="" src="file:///C:/Users/toshiba/Pictures/hdr_03.gif" width="30" height="167" /></td>
	</tr>
</table>

</body>
</html>

الثاني

كود HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>عنوان</title>
<style type="text/css">
.style1 {
	border: 2px solid #FFFFFF;
}
.style2 {
	text-align: center;
	background-color: #FF00FF;
}
.style3 {
	color: #FFFFFF;
}
.style4 {
	text-align: center;
	background-color: #00FFFF;
}
</style>
</head>

<body>

<table style="width: 100%" class="style1">
	<tr>
		<td class="style2"><span lang="ar-sa" class="style3">كيف الحال </span>
		</td>
	</tr>
	<tr>
		<td class="style4"><span lang="ar-sa">تجربه</span></td>
	</tr>
</table>

</body>

</html>

**upkelk.com** · 08-08-2008

يعطيك العافيه استاذي محمد فؤاد ..

طبعا كنت اقصد css

هذا الي كنت ابيه
الكود تمام

لكن مازالت الأخطاء موجوده

بأمكانك مشاهدتها هنا

[Invalid] Markup Validation of http://www.7baup.com/vb/ - W3C Markup Validator

ويكون هذا تفضل منك ..

وعندي استفسارين

وكذلك كثيرا مااجد اخطاء تكون بالالوان يعني

FFFFFF# << تكون العلامه بالون الاحمر اي انها خطأ ماسبب هذا الخطأ

وكذلك لو اردت توسيط الكود الثاني ماذا اضيف

---------------------------

هل هناك برنامج يقوم بها تلقائي ويكون سهل مثل الفرنت بيج

**محمد فؤاد** · 08-08-2008

أخي الكريم

سبب الاخطاء ان هناك عدد من الاكواد مكتوه في اماكن خطأ و البعض الاخر بطريقه خاطئة غير مطابقه لمعايير xhtml

مثلا : الكود التالي موجود ضمن وسم body وهذا خطأ فيجب تضمينه في الترويسه head او اضافته في ملف الستايل الخارجي للمنتدى

كود HTML:

<style type="text/css">

.style1 {

    text-align: center;

    background-image: url('file:///C:/Users/toshiba/Pictures/hdr_04.gif');

}
</style>

مثال على اكواد غير مطابقه لمعايير xhtml

كود HTML:

<img src="http://www.is-sw.net/favicon.ico">

و الصحيح لها

كود HTML:

<img src="http://www.is-sw.net/favicon.ico" alt="نص" />

وكذلك

كود HTML:

<br>

و الصحيح لها

كود HTML:

<br />

الصفحة تحتوي ايضا على وسمان <body>

لاحظت ان مصدر جميع الصور من جهازك مثلا
file:///C:/Users/toshiba/Pictures/hdr_05.gif
يجب تغيرها للمسار المناسب .

لتوسيط الكود الثاني يمكن استخدام align كالتالي

كود HTML:

<div align="center">
<table style="width: 100%" class="style1"> <tr> <td class="style2"><span lang="ar-sa" class="style3">كيف الحال </span> </td> </tr> <tr> <td class="style4"><span lang="ar-sa">تجربه</span></td> </tr> </table>
</div>

او توسيط الجدول عن طريق css باستخدام margin كالتالي

كود HTML:

.table-class-name{
	margin:0 auto;
}

**upkelk.com** · 08-08-2008

اشكرك استاذي القدير

استفدت جدا

ووجودك في سوالف سوفت فخر لنا ..

عزيزي ..

فيه مشكلة ..

في البدايه اعتقدت انها خطأ من نفس خيارات الستايل

وبحثت فلم اجد لها سبب

وهيا ان الستايل لا يكون بمحاذاة الزوايا بالظبط

فكأنه فيه حد ابيض ..

أنظر لصوره المرفقه ..

الصوره رقم 1 هي صوره الكود

والصوره رقم 2 هي صوره لكود محاذي لزوايا 100%

وطالع الصوره رقم 1 في الأسفل تجد خط سماوي لا أعرف سببه ..؟

لشرح اوضح

منتديات حبايب

انظر على الطبيعه

وأسف لو ازعجتك او اخذت من وقتك الثمين وشكرا

**محمد فؤاد** · 08-08-2008

شكرا على اطرائك عزيزي ..

لحل مشكلة الحد الابيض استخدم الخاصية التالية في وسم table

كود HTML:

cellspacing="0""

ولحل مشكلة الخط السفلي الزائد استخدم الخاصية التاليه في وسم table

كود HTML:

 cellpadding="0

اي في النهاية سيصبح كود بداية الجدول بالشكل التالي :

كود HTML:

<table cellspacing="0" cellpadding="0" style="width: 100%;">

**upkelk.com** · 10-08-2008

تسلملي والله ..بصراحه مو عارف اشكرك استاذي القدير ..

استفدت والله من الاكواد واخذت خلفية عن الاخطاء ..

والي يحتاج يستفيد اكثر يدخل مدونة المعاصر بصراحه تنسيق واسلوب ولا اروع ..

واول مايكون عندي استفسا ر راح اسأل :$

لى فكره ارسلت لك طلب بالايميل اتمنى تقراه

**محمد فؤاد** · 10-08-2008

اهلا بك عزيزي upkelk.com ..

لم اتلقى اي رساله على بريد
www [at] mo3aser [dot] com

تأكد من عنوان البريد الذي ارسلت اليه الرساله

تحيه لك

**upkelk.com** · 14-08-2008

يعطيك العافية تقريبا أكتمل تنقية الستايل بعد جهد وبحث عن الأخطاء ..

كنت أبرسل لك أبعطيك قالب المشاركه حتى تعدله لي وتخليه مطابق لكن الحمد لله جلست عليه جلسه ونقيته ..

اكثر الاخطاء دائما مثل ماقلت اكواد تكون بغير محلها وخاصه خواص css لازم تكون بمكانها الأساسي وليس بداخل التصميم

المهم اخوي .. أنبسطت ورفعت المنتدى ..

لكن جتني ضيقه

تخيل المنتدى طلع فيها 600 خطأ ..

والسبب هو الأهدائات اذا عطلتها طلعت 7 أخطأء

ليش كل هاالأخطاء في الاهدائات ..

المهم سويت لها حل بسيط وهو جعل الأهدائات فقط في الرئسية وليس بكامل الصفحات ..

هذا المنتدى

http://www.upkelk.com/vb/

وهذه مجموعة الاخطاء

[Invalid] Markup Validation of http://www.upkelk.com/vb/ - W3C Markup Validator

وفي الصفحات تكون الاخطاء 23 الى 80 خطأ

http://www.upkelk.com/vb/t34945.html

[Invalid] Markup Validation of http://www.upkelk.com/vb/t34945.html - W3C Markup Validator

من جد احباط

الموضوع: مساعده في تصحيح كودين لان فيها اخطاء (صوره ونقطة تمدد وصوره )

أدوات الموضوع

بحث في الموضوع

مساعده في تصحيح كودين لان فيها اخطاء (صوره ونقطة تمدد وصوره )

المواضيع المتشابهه

خمسة اخطاء يقع فيها كثير من اصحاب المواقع

[طلب] ممكن مساعده في دمج كودين جافا سكريبت

كيف اعرف اذا صفحات موقعي فيها اخطاء اولا

بعض اخطاء للاسف يقع فيها الاعضاء رجاء الانتباه

ضوابط المشاركة