رفتن به مطلب

ریسپانسیو کردن table


sadra52

پست های پیشنهاد شده

سلام دوستان

می خوام جدولی رو تو سایتم به نمایش بزارم ولی افزونه ی مناسبی پیدا نکردم (از ورد پرس استفاده می کنم)

مجبور شدم جدول رو تو ورد طراحی کنم و بعد در سایت https://word2cleanhtml.com/    کد orginal html بدست بیارم با قرار دادن کد html تو سایت .سایت از حالت ریسپانسیو خارج میشه

 ایا افزونه ای وجود داره که جدول یا باتنی طراحی کرد که قابلیت

- افزودن لینک به متن

- تغییر رنگ  بگرواند

داشته باشه

یا جدول رو میشه ریسپانسیو کرد ؟؟؟؟؟؟؟

کد html جدول 

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="659" style="width:494.15pt;margin-left:-18.65pt;border-collapse:collapse;
 border:none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt;
 mso-border-insideh:.5pt solid windowtext;mso-border-insidev:.5pt solid windowtext">
 <tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;height:23.35pt">
  <td width="116" rowspan="6" valign="top" style="width:86.8pt;border:solid windowtext 1.0pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:23.35pt">
  <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
  <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
  <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
  <p class="MsoNormal" align="center" style="text-align:center"><b><span style="font-size: 20pt; line-height: 107%;">A</span></b><b><span style="font-size:20.0pt;line-height:107%"><o:p></o:p></span></b></p>
  </td>
  <td width="105" valign="top" style="width:78.9pt;border:solid windowtext 1.0pt;
  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
  solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:23.35pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">1<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border:solid windowtext 1.0pt;
  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
  solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:23.35pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">a</span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:1;height:18.7pt">
  <td width="105" valign="top" style="width:78.9pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:18.7pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">2<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:18.7pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">b</span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:2;height:26.65pt">
  <td width="105" valign="top" style="width:78.9pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:26.65pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">3<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:26.65pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">c<o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:3;height:27.1pt">
  <td width="105" valign="top" style="width:78.9pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:27.1pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">4<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:27.1pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">d<o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:4;height:24.65pt">
  <td width="105" valign="top" style="width:78.9pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:24.65pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">5<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:24.65pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">e<o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:5;mso-yfti-lastrow:yes;height:28.1pt">
  <td width="105" valign="top" style="width:78.9pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:28.1pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:15.0pt;line-height:107%">6<o:p></o:p></span></p>
  </td>
  <td width="438" valign="top" style="width:328.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;background:#A0D7E4;padding:0in 5.4pt 0in 5.4pt;
  height:28.1pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:14.0pt;line-height:107%">f<o:p></o:p></span></p>
  </td>
 </tr>
</tbody></table>

 

لینک به ارسال
در 10 دقیقه قبل، boysun گفته است :

ممنون ولی چیزی نفهمیدم می تونید همین table رو واسم ریسپانسیو کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...