HTML Table (Single Line every row), Help! Need single line per row on the table |
HTML Table (Single Line every row), Help! Need single line per row on the table |
DStanko |
Jul 29 2019, 02:02 AM
Post
#1
|
Group: Members Posts: 1 Joined: 29-July 19 Member No.: 26,941 |
So I need help with some HTML code, i have a table that for some reason whenever I type in the left column and it keeps going down lines instead of keeping it straight.
Refer to screenshot included. Here is the code for one of the tables. CODE <tr> <td id="" style="background-color: #333333; text-align: center;"> <span style="color: #f3f3f3;">One Position Print</span></td> </tr> </tbody> </table> <table></table> <table style="width: 100%;"> <tbody> <tr> <td id="" style="background-color: #f2f1f1;">QTY:</td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span style="color: #22aeda;">50+</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span style="color: #22aeda;">100+</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span style="color: #22aeda;">250+</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span style="color: #22aeda;">500+</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span style="color: #22aeda;">1000+</span></td> </tr> <tr> <td id="" style="background-color: #f2f1f1;">White Mugs With 1 Colour Print</td> <td id="" style="background-color: #f2f1f1; text-align: center;">$1.20</td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;" span="">$1.20</td> <td id="" style="background-color: #f2f1f1; text-align: center;" span="">$1.20</td> <td id="" style="background-color: #f2f1f1; text-align: center;" span="">$1.20</td> </tr> <tr> <td id="" style="background-color: #f2f1f1;">Coloured Mugs With 1 Colour Print</td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;">$1.20</td> <td id="" style="background-color: #f2f1f1; text-align: center;">$1.20</td> </tr> <tr> <td id="" style="background-color: #f2f1f1;">Additional Print Colour</td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> <td id="" style="background-color: #f2f1f1; text-align: center;"><span>$1.20</span></td> </tr> </tbody> </table> Be aware that where it says "One Position Print" with the black background that is a separate table, I did table width 100% with that one and the table under it with width 100% just so they line up. What should I change to make it so the text in the column "QTY:" is all in one line and doesn't take up more lines. Also, nowrap auto (scroll wheel) is not an option. Attached thumbnail(s) |
Lo-Fi Version | Time is now: 24th April 2024 - 02:13 AM |