لا تنفذ تنسيقات css على الجدول في html

Omar Khaled16 · 16 يوليو 2021

<style>
          table,td,th{border:1px solid #676767}
      table {width:700px}
      tfoot td {font-weight: bold;text-align:center}
      thead td {font-weight:ext-align:center;color:#00F}
     </style>

بلال زيادة · 16 يوليو 2021

هل يمكنك توضيح المشكلة بشكل أكبر , حتى أتمكن من مساعدتك بشكل أفضل؟

بلال زيادة · 16 يوليو 2021

اقتباس

انا احاول ان انشى جدول وقمت بانشاء الجدول بنجاح ولكن لا يمكننى تصمييم الجدول بشكل افضل لان الاكواد فى ملف cc لا يتم تفعيلها مع ان كتابة الاكواد صحيحة

لاحظ في التنسيق التالي أنك أخطأت في كتابته

thead td {font-weight:ext-align:center;color:#00F}

فيجب أن تعطي قيمة لخاصية font-weight , و ايضا يجب كتابة اسم الخاصية بشكل صحيح في text-align فيكون التنسيق بهذا الشكل

thead td {
	font-weight:bold; text-align:center;
	color:#00F;
}

ثم لاحظ جيداً أنه لا يوجد وسم thead, tfoot في جدولك لذلك يجب عليك وضعها لتعمل التنسيقات أو إزالتها لتكون التنسيقات بهذا الشكل

table td {
  font-weight: bold;
  text-align:center;
}
table td {
  font-weight:bold; text-align:center;
  color:#00F;
}

أو بإضافة tfoot, thead تكون التنسيقات

tfoot td {
  font-weight: bold;
  text-align:center;
}
thead td {
  font-weight:bold; text-align:center;
  color:#00F;
}

فيكون كامل الكود الخاص بالجدول

 <table>
      <caption>This is Our Hosting Plan</caption>
      <thead>
		<tr>
			<td font-weight: bold;text-align:center;color:#00F>plan0</td>
			<td>plan1</td>
			<td>plan2</td>
			<td>plan3</td>
			<td>plan4</td>
		  </tr>
	</thead>
      <tfoot>
		<tr>
        <td>HradDisk20GB</td>
        <td>HradDisk40GB</td>
        <td>HradDisk60GB</td>
        <td>HradDisk80GB</td>
        <td>HradDisk90GB</td>
      </tr>
      <tr>
        <td>5Databass</td>
        <td>6Databass</td>
        <td>4Databass</td>
        <td>3Databass</td>
        <td>2Databass</td>
      </tr>
      <tr>
        <td>3Ftp</td>
        <td>4Ftp</td>
        <td>5Ftp</td>
        <td>6Ftp</td>
        <td>7Ftp</td>
      </tr>
      <tr>
        <td>50$</td>
        <td>60$</td>
        <td>70$</td>
        <td>80$</td>
        <td>90$</td>
      </tr>
	  </tfoot>
    </table>

Omar Khaled16 · 16 يوليو 2021

بتاريخ 1 دقيقة مضت قال بلال زيادة:

هل يمكنك توضيح المشكلة بشكل أكبر , حتى أتمكن من مساعدتك بشكل أفضل؟

بتاريخ 3 دقائق مضت قال Omar Khaled16:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description"content="welcome to my website">
     <title>table</title>
     <link rel="stylesheet" href="style.css">
     <script></script>
     <style>
          table,td,th{border:1px solid #676767}
      table {width:700px}
      tfoot td {font-weight: bold;text-align:center}
      thead td {font-weight:ext-align:center;color:#00F}
     </style>
  </head>
  <body>
    <table>
      <caption>This is Our Hosting Plan</caption>
      <tr>
        <td font-weight: bold;text-align:center;color:#00F>plan0</td>
        <td>plan1</td>
        <td>plan2</td>
        <td>plan3</td>
        <td>plan4</td>
      </tr>
      <tr>
        <td>HradDisk20GB</td>
        <td>HradDisk40GB</td>
        <td>HradDisk60GB</td>
        <td>HradDisk80GB</td>
        <td>HradDisk90GB</td>
      </tr>
      <tr>
        <td>5Databass</td>
        <td>6Databass</td>
        <td>4Databass</td>
        <td>3Databass</td>
        <td>2Databass</td>
      </tr>
      <tr>
        <td>3Ftp</td>
        <td>4Ftp</td>
        <td>5Ftp</td>
        <td>6Ftp</td>
        <td>7Ftp</td>
      </tr>
      <tr>
        <td>50$</td>
        <td>60$</td>
        <td>70$</td>
        <td>80$</td>
        <td>90$</td>
      </tr>
    </table>
  </body>
</html>

انا احاول ان انشى جدول وقمت بانشاء الجدول بنجاح ولكن لا يمكننى تصمييم الجدول بشكل افضل لان الاكواد فى ملف cc لا يتم تفعيلها مع ان كتابة الاكواد صحيحة

Omar Khaled16 · 16 يوليو 2021

شكرا شكرا جزيلا

لا تنفذ تنسيقات css على الجدول في html

السؤال

Omar Khaled16

رابط هذا التعليق

شارك على الشبكات الإجتماعية

4 أجوبة على هذا السؤال

Recommended Posts

بلال زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

بلال زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Omar Khaled16

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Omar Khaled16

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية