Jump to content
vera.duez

Text inside Table

Recommended Posts

If you could post some code, that would allow us to troubleshoot with you. The screenshot does show your issue quite well.

XcQfW3F.png

Share this post


Link to post
Share on other sites

Yes of course here some code: 

Tell me if you need more info. 


                     <p style="">Welke LG TV’s zijn geschikt?<br>
                     Vind ze <a href="https://www.tv-vlaanderen.be/klantenservice/4726/smart-tv-lg/">hier</a>.</p>
                     <table style="display: block;" class="d-block mtn-3 mb-4">
                        <tbody>
                           <tr>
                              <td>Productiejaar</td>
                              <td>Model</td>
                           </tr>
                           <tr>
                              <td>2016</td>
                              <td>EG990V, EF980V, EG960V, EF950V, EG920V, UF955V, UF950V, UF9450, UF940V, UG870V, UF850V, UF770V, UF740V, LF630V</td>
                           </tr>
                           <tr>
                              <td>2017</td>
                              <td>OLEDG6V, OLEDE6V, OLEDC6V, OLEDB6V, UH955V, UH950V, UH855V, UH850V, UH790V, UH780V, UH770V, UH750V, UH700V, UH668V, UH664V, UH650V, UH635V, UH630V, UH625V, UH625V, UH620V, UH610V, UH600V, LH604V, LH590V, LH590U</td>
                           </tr>
                           <tr>
                              <td>2018</td>
                              <td>OLED W7V, OLED G7V, OLED E7V, OLED E7N, OLED C7V, OLED B7V, SJ957V, SJ950V, SJ930V, SJ810V, UJ750V, UJ740V, UJ675V, UJ651V, UJ675V, UJ670V, UJ651V, UJ655V, UJ634V, UJ630V, UJ639V, UJ620V, LJ622V, LJ622V, LJ610V, LJ622V, LJ610V, LJ595V, LJ594V, LJ594U, LJ570U</td>
                           </tr>
                           <tr>
                              <td>2019</td>
                              <td>W8, G8, E8, C8, B8, SK95, SK85, SK80, UK75, UK65, UK63, UK62, LK61, LK57</td>
                           </tr>
                        </tbody>
					  </table>
                     <p >Welke Vestel TV’s zijn geschikt?<br> 
                     Vind ze <a href="https://www.tv-vlaanderen.be/klantenservice/4726/smart-tv-lg/">hier</a>.</p>
                     <table style="display: block;" class="d-block mtn-4 mb-5">
                        <tbody>
                           <tr>
                              <td>Productiejaar</td>
                              <td>Merk</td>
                              <td>Model</td>
                           </tr>
                           <tr>
							  <td>NOVEMBER 2017 – AUGUSTUS 2018</td>
                              <td>TOSHIBA</td>
                              <td style="padding-right: 10px;">55X9863DA,55X9863DG,65X9863DG,43T6863DA, 43T6863DG,43U5863DA,43U5863DG,43U6863DA,43U6863DG,43V5863DA,43V5863DA,43V5863DG,43V6863DA,43V6863DA,43V6863DG,43V6863DG,49T6863DA,49T6863DG,49U5863DA,49U5863DG,49U6863DA,49U6863DG,49U7863DA,49U7863DG,49V5863DA,49V5863DG,49V5863DG,49V6863DA,49V6863DG,50U5863DA,50U5863DG,50U6863DA,50U6863DG,55T6863DA,55T6863DG,55U5863DA,55U5863DG,55U6863DA,55U6863DG,55U7863DA,55U7863DA,55U7863DG,55V5863DA,55V5863DA,55V5863DG,55V5863DG,55V6763DG,55V6863DA,55V6863DA,55V6863DG,55V6863DG,65U5863DA,65U5863DG,65U6863DA,65U6863DG,65V6763DG,75U6863DA,75U6863DA,75U6863DG,75U6863DG,24L2863DG,24L3863DG,24W2863DA,24W2863DG,24W3863DA,24W3863DG,24W3864DG,28W2863DA,28W2863DG,28W3863DA,32L2863DA,32L2863DG,32L3863DA,32L3863DG,32L3869DAS,32W2863DA,32W2863DG,32W3863DA,32W3863DG,32W3864DG,32W3869DAS,39L2863DA,39L2863DG,39L3863DA,39L3863DG,40L2863DG,40L3863DG,43L2863DA,43L2863DG,43L3863DA,43L3863DG,43L3869DAS,48L2863DG,49L2863DA,49L2863DG,49L3863DG
							   </td>
                           </tr>
                           <tr>
							  <td>SEPTEMBER 2018 – APRIL 2019</td>
                              <td>TOSHIBA</td> <td style="padding-right: 10px;">40V4863DA,40V4863DG,49V5863DAL,49V5863DAR,55V6863DAQ,65UL2A63DG,32L3866DG,32L3869DAX,32LL3A63DG,43L3869DAX,32W3869DAX</td>
                           </tr>
                           <tr>
							  <td>NOVEMBER 2017 – AUGUSTUS 2018</td>
                              <td>HITACHI</td> <td style="padding-right: 10px;">55HL9000G,43F501HK6000,43F52HK6000,43HK6000,43HK6500,43HK7500,43HL7000,49HK6000,49HK6001W,49HK6500,49HK7500,49HL7000,50HK6000,50HK6500,55HK6000,55HK6500,55HK7500,55HL7000,65HK6500,65HK7500,65HL7000,65HL7000A,65HL8000T,22HE4001,24HE2000,24HE2001,32HE2000,32HE4000,40HE4000,40HE4001,43HE4000,49HE4000,50HE4000</td>
                           </tr>
                           <tr>
							  <td>SEPTEMBER 2018 – APRIL 2019</td>
                              <td>HITACHI</td> <td style="padding-right: 10px;">43HK6000W,49HK6000W,55HK6000W,65HL9000G,43FK5HK6500,43HK6001,43HK6001W,43HK6002,43HK6002W,43HK6003W,49HK6001,49HK6002,49HK6002W,49HK6003W,55F52HK6000,55HK6001,55HK6001W,55HK6002,55HK6002W,55HK6003W,58HK6000,65HL8500T,75HL7000,22HE4000,24HE2003,32FBHE2000,32FK5HE4000,32HL4001,40HE4002,43HE4600,F32L4001</td>
                           </tr>
						   <tr>
							  <td>SEPTEMBER 2018 – APRIL 2019</td>
                              <td>HYUNDAI</td> <td>DOG2345TV,DOG2345TV</td>
                           </tr>
							 <tr>
							  <td>SEPTEMBER 2018 – APRIL 2019</td>
                              <td>NIKKEI</td><td>NLD22FMBKSMART,NLD24MSMART/1</td>
                           </tr>
							 <tr>
							  <td>SEPTEMBER 2018 – APRIL 2019</td>
                              <td>TELEFUNKEN</td> <td>TFK 22 DSCT 20 WB</td>
                           </tr>
                        </tbody>
                     </table>
           </span>
               </li>

 

Edited by vera.duez

Share this post


Link to post
Share on other sites

Oh, now I see what's up. Your table cells have extra long words with no spaces in them. I suggest you add a few spaces or you can try using

td {
  word-break: break-all;
}

 

Share this post


Link to post
Share on other sites

Hi,
You should try the following CSS. I hope it will work for your.

tr:before {
    content: "Text";
    font-size: 0.5em;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

Share this post


Link to post
Share on other sites

Hi,
You should try the following CSS. I hope it will work for you.

tr:before {
    content: "Text";
    font-size: 0.5em;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
Edited by ishan_shah

Share this post


Link to post
Share on other sites

Why are what was two, but now three (the two must have had equally annoying child) not banned? ALL they do is copy previous post solutions and now each other, its ridiculous.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

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

Loading...

×
×
  • Create New...