Jump to content

Text inside Table


vera.duez
 Share

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

Link to comment
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
Link to comment
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;
}

 

Link to comment
Share on other sites

  • 7 months later...

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
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...