HTML Table Column Width Issues

THUNDERPOWER

New Member
Reaction score
1
I want to make all columns of my table the same width, but I have no idea where to start...

Here is my code:

Code:
<table style="text-align: left;">
<tr>
<td>Last name:*</br>[text* your-last-name: 20/100]</td>
<td>First name:*</br>[text* your-first-name: 10/100]</td>
<td>_</td>
</tr>
<tr>
<td>Email address:*</br>[email* your-email: 20/100]</td>
<td>_</td>
<td>_</td>
</tr>
<tr>
<td>Phone number (home):</br>[text your-home-phone: 15/100]</td>
<td>Phone number (cell):</br>[text your-cell-phone: 15/100]</td>
<td>_</td>
</tr>
<tr>
<td>Street address:*</br>[text Streetaddress: 20/50]</td>
<td>City:*</br>[text City: 20/50]</td>
<td>Postal code:*</br>[text Postalcode: 20/25]</td>
</tr>
<tr>
<td>State/Province/Region:*</br>[text* StateProvinceRegion: 15/50]</td>
<td>Country:*</br>[select* Country "United States" "Afghanistan" "Albania" "Algeria" "Andorra" "Angola" "Anguilla" "Antigua and Barbuda" "Argentina" "Armenia" "Australia" "Austria" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bhutan" "Bolivia" "Bosnia-Herzegovina" "Botswana" "Brazil" "Brunei" "Bulgaria" "Burkina Faso" "Burma" "Burundi" "Cambodia" "Cameroon" "Canada" "Cape Verde" "Central African Republic" "Chad" "Chile" "China" "Colombia" "Comoros" "Congo" "Congo Dem. Republic" "Costa Rica" "Croatia" "Cuba" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominican Republic" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Fiji" "Finland" "France" "Gabon" "Gambia" "Georgia" "Germany" "Ghana" "Greece" "Grenada" "Guatemala" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Holy See (Vatican City)" "Honduras" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland" "Israel" "Italy" "Ivory Coast" "Jamaica" "Japan" "Jordan" "Kazakhstan" "Kenya" "Kiribati" "Kuwait" "Kyrgyzstan" "Laos" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libya" "Liechtenstein" "Lithuania" "Luxembourg" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall" "Mauritania" "Mauritius" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Morocco" "Mozambique" "Namibia" "Nauru" "Nepal" "Netherlands" "New Zealand" "Nicaragua" "Niger" "Nigeria" "North Korea" "Norway" "Oman" "Pakistan" "Palau" "Panama" "Papua-New Guinea" "Paraguay" "Peru" "Philippines" "Poland" "Portugal" "Qatar" "Romania" "Russia" "Rwanda" "San Marino" "Sao Tomé and Principe" "Saudi Arabia" "Senegal" "Seychelles" "Sierra Leone" "Singapore" "Slovakia" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Korea" "Spain" "Sri Lanka" "St.Kitts e Nevis" "St.Lucia" "St.Vincent e Grenadine" "Sudan" "Suriname" "Swaziland" "Sweden" "Switzerland" "Syria" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Togo" "Tonga" "Trinidad and Tobago" "Tunisia" "Turkey" "Turkmenistan" "Tuvalu" "Ukraine" "Uganda" "United Arab Emirates" "United Kingdom" "Uruguay" "USA" "Uzbekistan" "Vanuatu" "Venezuela" "Vietnam" "Western Samoa" "Yemen" "Yugoslavia" "Zambia" "Zimbabwe"]</td>
<td>_</td>
</tr>
<tr>
<td>Position applied for:*</br>[checkbox* Positionsappliedfor: "Interviewer" "Marketing Assistant" "Marketing Manager" "Recruiting Agent" "Sales Associate"]</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>How did you hear about us?*</br>[select* Howdidyouhearaboutus include_blank "Blog" "Friend" "Internet advertisement" "Job bank" "Newspaper advertisement" "Search engine" "Website" "Other"]</td>
<td>_</td>
<td>_</td>
</tr>
<tr>
<td>Have you ever been convicted of a criminal offense for which you have not yet been granted pardon?*</br>[radio Haveyoueverbeenconvictedofacriminaloffenseforwhichyouhavenotbeengrantedpardon "Yes" "No"]</td>
<<td>_</td>
<td> </td>
</tr>
<td>Are you legally entitled to work in your country?*</br>[radio Areyoulegallyentitledtoworkinyourcountry "Yes" "No"]</td>
<td> </td>
<td>_</td>
</tr>
<tr>
<td>Paste your resume into the box below:*</br>[textarea Resume]</td>
<td>_</td>
<td>_</td>
</tr>
<tr>
<td>Paste your references into the box below:*</br>[textarea References]</td>
<td>_</td>
<td>_</td>
</tr>
<tr>
<td>[submit "Send"]</td>
<td>_</td>
<td>_</td>
</tr>
</table>

This is what I end up seeing no matter what I change (attached).

So yeah, I need to make all columns the same width so all the fields are the same distance apart.
 

Attachments

  • 3333333333.png
    3333333333.png
    26.1 KB · Views: 245

Lyerae

I keep popping up on this site from time to time.
Reaction score
105
Try using CSS to space the elements properly.

Also, why tables?
 

UndeadDragon

Super Moderator
Reaction score
447
Can you post the source, rather than the "[checkbox* Positionsappliedfor: "Interviewer" "Marketing Assistant" "Marketing Manager" "Recruiting Agent" "Sales Associate"]" stuff?
 

Xorifelse

I'd love to elaborate about discussions...........
Reaction score
87
Code:
<td>Have you ever been convicted of a criminal offense for which you have not yet been granted pardon?*</br>[radio Haveyoueverbeenconvictedofacriminaloffenseforwhichyouhavenotbeengrantedpardon "Yes" "No"]</td>
<<td>_</td>
There is your extra "<". Also, you should style forms with CSS as suggested above. And this is really hard when using tables.
To get a static width on the input elements add something like this to your stylesheet.

Code:
input{ width: 100px; }

You can use CSS to select ID's, classes or even use the selector to target specific elements in your form, but again. This is extremely hard when you use tables. They should not be used for this sort of thing.
 

THUNDERPOWER

New Member
Reaction score
1
I need to do it without using css. :(

Any tips?

Btw, no more internet here so keep posting and I'll check occasionally.
 

THUNDERPOWER

New Member
Reaction score
1
I've tried CSS but it doesn't seem to affect anything because of the plug-in I use. I think it's got its own CSS.
 
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Members online

      No members online now.

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top