اذهب إلى المحتوى

السؤال

Recommended Posts

  • 1
نشر
اقتباس

انا احاول ان انشى جدول وقمت بانشاء الجدول بنجاح ولكن لا يمكننى تصمييم الجدول بشكل افضل لان الاكواد فى ملف 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>

 

  • 0
نشر
بتاريخ 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 لا يتم تفعيلها مع ان كتابة الاكواد صحيحة

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...