Changing the size of a cell in a <table> tag
I'm having problem outputting the size I want the cell to be in a <table> tag. I don't know where I'm wrong. Please I need help with a sample HTML explaining it. I'm new into coding. Here's mine <html> <head> </head> <body> <table> <tr width="50". height="50"> <td></td> </tr> </table> </body> </html> Faxel artem Okeyemi Henry alfredo ochoa DLPH 王者 👑 Sortan Babuino Sancho Godinho [DM Free] l4t3nc1 Patrick Buckendorf
9/24/2021 8:17:38 AMJames Kabutey
18 AnswersNew Answer
Ok I'll send you an example with explanations later. But in your example you put a point that has no place in the drop tr <tr width="50" height="50"> Also it is not very interesting to adjust the width and height online. The most advisable is to do it in a file with the extension .css
If you can do it, but as I saw you wanted to adjust the size. Otherwise the CSS is to embellish and make the document static. Just give a few minutes, I'll give you an example without the css
<table> <tr> <th>Day</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> </tr> <tr> <td>09:30</td> <td>Learn1</td> <td>Play1</td> <td>Practice1</td> <td></td> </tr> <tr> <td>10:00</td> <td>Play2</td> <td>Practice2</td> <td>Learn2</td> </tr> <tr> <td>15:00</td> <td>Practice3</td> <td>Learn3</td> <td><img src="img.png" alt="Play3"></td> </tr> </table> tr(table row): in it you place all the other tags. You see this example, the first row that contains the tag th(table header ) is the one that contains my days! And according to the number of th in the first tr, you put the same number of td in the following tr so that it makes the same order as you want. If it's still a problem you can tell me. I'm always available. I hope I can shed some light on this for you brother.
Use CSS for change size table Example: <tr class = "your class">your code</tr>
artem okay ,guess I'll need to study CSS alongside html. I'd wanted to finish html before I moved on to CSS. But if you could do the code and send me the link to it I'd appreciate. Thanks
Faxel I haven't started CSS yet,can't I do it using html tags?
Faxel okay ,then I'll be waiting on your example later.🤠
Faxel Thank you for taking time to help me out. My main question was if you can show me how to enlarge a cell in the <table> tag. Example,let's say I want to make the Wednesday (<the> tag) span more than one column how should I do that.
It's simple just don't fill in the td / th tag and Wednesday's will span 2, it can stretch as many times as you want
Faxel Okay, if you could give me a complete HTML code showing the Wednesday the/td tag occupying 2 columns I'd appreciate. Thanks.
James Kabutey Try this <tr> <td> Monday </td> <td> Tuesday </td> <td colspan="2"> Wednesday </td> </tr>
l4t3nc1 I just did but it still doesn't work I don't know why though. Maybe it's impossible in coding? I tried expanding the Tuesday cell by 2 or more cells but it's not working. If you could help,thanks and here's the code https://code.sololearn.com/W1n1gVRrcD0B/?ref=app
Faxel l4t3nc1 artem xilam Sortan Okeyemi Henry Samuele Nega Rares 🖥️ alfredo ochoa Adu Bright I just had an idea an I did this https://code.sololearn.com/Wn008qa3r3k0/?ref=app But the wednesday cell still won't expand more than 2 cells. If you could please show me how to expand the Wednesday cell more than 4 cells long I'd appreciate very much ,thank you
James Kabutey <tr> = table row <td> = table cell <tr> <td width="50px" height="50px"></td> </tr> Please check browsers tack to see what yor site would look like anywhere on the webbin any browser.
l4t3nc1 Thank you for the explanation but I was looking to see if you had a way for me to do this: Let's say I'm creating a table and in the first <tr> tag I want to create<td> tags showing the days of the week. Now my problem is that I want to Make the <td> tag for only the Wednesday to expand and take the position of two cells but I don't know how to go about that. If you could help,I'd appreciate thanks.
<!--I think your question is how can i expand more than 4 columns🙄 i did in this way! If you went to expand you must use more column elements it works in low of relativity it will be expanded relative to another --> <!DOCTYPE HTML> <html> <head> </head> <body> <table border="2"> <tr> <td colspan=""> tusdey </td> <td colspan=""> wednesday </td> <td> friday </td> <td> sunday <td> monday </td> </td> </tr> <td colspan="5"> tusdey </td> <td> wednesday </td> <td> friday </td> </tr> </table> </body> </html>
Thank you😁 Samuele Nega though that wasn't the exact result I wanted it just broke a barrier in my brain nerves(lol😂😂,sorry for bragging ) and I got an idea. Ill post it later and tag your names so you can see,thank you everyone.❤️❤️
Rares 🖥️ Adu Bright