sadra52 0 ارسال شده در شهریور 95 گزارش بازنشر ارسال شده در شهریور 95 سلام دوستان می خوام جدولی رو تو سایتم به نمایش بزارم ولی افزونه ی مناسبی پیدا نکردم (از ورد پرس استفاده می کنم) مجبور شدم جدول رو تو ورد طراحی کنم و بعد در سایت 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> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </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> نقل قول لینک به ارسال
cherry 390 ارسال شده در شهریور 95 گزارش بازنشر ارسال شده در شهریور 95 سلام، برای واکنشگرا کردن جداول از لینک های زیر استفاده کنید http://www.w3schools.com/howto/howto_css_table_responsive.asp http://johnpolacek.github.io/stacktable.js/ http://www.jqueryscript.net/demo/Simple-jQuery-Responsive-Table-Plugin-Responsive-Tables/ http://www.jqueryscript.net/demo/jQuery-Plugin-For-Mobile-friendly-Responsive-Table-RWD-Tables/ http://www.jqueryscript.net/demo/jQuery-Plugin-For-Responsive-Mobile-friendly-Tables-Table-MB/ موفق باشید 1 نقل قول لینک به ارسال
sadra52 0 ارسال شده در شهریور 95 مالک گزارش بازنشر ارسال شده در شهریور 95 در 10 دقیقه قبل، boysun گفته است : سلام، برای واکنشگرا کردن جداول از لینک های زیر استفاده کنید http://www.w3schools.com/howto/howto_css_table_responsive.asp http://johnpolacek.github.io/stacktable.js/ http://www.jqueryscript.net/demo/Simple-jQuery-Responsive-Table-Plugin-Responsive-Tables/ http://www.jqueryscript.net/demo/jQuery-Plugin-For-Mobile-friendly-Responsive-Table-RWD-Tables/ http://www.jqueryscript.net/demo/jQuery-Plugin-For-Responsive-Mobile-friendly-Tables-Table-MB/ موفق باشید ممنون ولی چیزی نفهمیدم می تونید همین table رو واسم ریسپانسیو کنید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .