Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Table Alignment issue

Featured Replies

I have a table and I have different numbers of cells in different columns. I have ones, twos, and threes in different columns.

 

Here's my code.


<html>
<head>
<title> Transportation Request For Clinton Public Schools</title>
</head>
<body>

<table bgcolor="#669933" border="1" cellspacing="5" cellpadding="5" style=" position:absolute; top: 0px;">


<!--Add PHP CODE FOR THIS TO WORK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->

<!--Begin Form Here-->
<form method=\"POST\">



<!--Row 1-->
<tr>
<td colspan="2"><h3 align="center">Transportation Request for Clinton Public Schools</h3> <br>
</tr>



<!--Row 2-->	
<tr>	
<td width="600" colspan="1"><h6>REVISED 9-22-11</h6></td>

<td width="433" colspan="1"><p align="right">Date:<input type="date" name="date" size="20" /></p></td>
</tr>

<br/>

<!--Row 3-->
<tr>
<td colspan="2"> Submit transportation requests and/or changes ASAP. Vehicle assignments will be made on a "first come, first server basis."
We greatly appreciate your cooperation in giving us as much notice as possible. Your request must be approved by the appropriate principal.
</td>
</tr>

<br/>


<!--Row 4-->
<tr>
<td colspan="1">Destination:<input type="text" name="destination" size="30"></td>

   <!--Dropdown menu. Accesses 'activities'-->
   <td colspan="1">Activity:<input type="text" name="activity" size="30"></td>
</tr>

<br/>


<!--Row 5-->
<tr>
<!--Dropdown menu. Accesses 'school'-->
<td colspan="2">School: 
	<select  name="school">





	</select>

</tr>

<!--Row 5.5-->
<tr>

<td colspan="1">Departure Date:<input type="date" name=""></td>
<td colspan="1">Return Date:<input type="date" name="return date"></td>

</tr>



<br/>


<!--Row 6-->
<tr>
<!--Dropdown menu that will access 'organizations'-->
   <td colspan="1">Organization:
<select name="organization">
	<option value="bpa">BPA</option>
	<option value="ffa">FFA</option>
	<option value="fccla">FCCLA</option>
	<option value=""></option>
</select>

<td colspan="1">Paid for by:<input type="radio" 
name="district">District<input type="radio" name="other">Other</td>

</tr>

<br/>


<!--Row 7-->
<tr>
<!--Dropdown menu. Accesses 'instructor_sponsor'-->
   <td colspan="1">Instr./Sponsor:<input type="text" name="instr./sponsor" size="30"></td>
<td colspan="1">Phone No.:<input type="text" name="phone no." size="12"></td>
</tr>

<br/>


<!--Row 8-->
<tr>
<td colspan="1">No. of Passengers:<input type="text" name="school" size="5"></td>

<!--Check If "int" is the correct terminology  for SUV(s) Bus(es) and Car(s)-->

<td colspan="1"> Vehicle(s) Needed:
<input type="int" name="vehicle(s) needed" size="3">SUV(s)
<input type="int" name="vehicle(s) needed" size="3">Bus(es)
<input type="int" name="vehicle(s) needed" size="3">Car(s)
</td>
</tr>

<br/>


<!--Row 9-->
<tr>
<td>State:<input type="text" name="state"></td>
   <td>City:<input type="text" name="city"></td>
   <td>Address:<input type="text" name="city"></td>

</tr>

<br/>

<!--Row 10-->
<tr>

<!--Check if "time" is the correct terminology for Time Departing and Time Returning.-->

<td colspan="1">Time Departing:<input type="time" name="time departing" size="6">
<input type="radio" name="time departing">AM
<input type="radio" name="time departing">PM</td>

<td colspan="1">Time Returning:<input type="time" name="time returning" size="6">
<input type="radio" name="time returning">AM
<input type="radio" name="time returning">PM</td>


</tr>

<br/>

<!--Row 11-->
<tr>

<td colspan="2"><p align="center"><input type="checkbox" name="principal approval"><strong>Principal approved this request</strong></p></td>

</tr>

<br/>

<!--Row 12-->
<tr>
<td colspan="2"><p align="center"><strong><u>FOR TRANSPORTATION DEPARTMENT USE ONLY</u></strong></p>
</tr>

<br/>

<!--Row 13-->
<tr>
<td colspan="1"><p align="left"><strong>Activity Drivers:Sponsors or Coaches</strong></p></td>

<td colspan="1"><p><strong>Destinations</strong></p></td>

</tr>

<br/>

<!--Row 14-->
<tr>
<td colspan="1">Name:<input type="text" size="40"></td>
<?php	
$sql="SELECT * FROM employees;"  
?>
<td colspan="1">From:<input type="text" size="20" value="Clinton">To:<input type="text" size="20"></td>
</tr>

<br/>

<!--Row 15-->
<tr>
<td colspan="1">Name:<input type="text" size="40"></td>

<td>From:<input type="text" size="20">To:<input type="text" size="20" value="Clinton"></td>
</tr>

<br/>

<!--Row 16-->
<tr>
<!--Dropdown menu. Accesses 'employees'-->
   <td colspan="2"><p>Driver's Signature<input type="text" size="175"></p></td>

<!--Row 17-->
<tr>
<!--Dropdown menu. Accesses 'employees'-->
   <td colspan="2"><p>Driver's Signature<input type="text" size="175"></p></td>
</tr>

<br/>

<!--Row 18-->
<tr>
<td colspan="2"><p align="center"><strong>Hourly Driver:</strong></p></td>
</tr>

<br/>

<!--Row 19-->
<tr>
<!--Dropdown menu. Accesses 'employees'-->
   <td colspan="2"><p align="center">Name:<input type="text" size="40"></p></td>

</tr>

<!--Row 20-->
<tr>
<td><p align="center">Departure Time:<input type="text" size="6">
	<input type="radio" name="departure time">AM
	<input type="radio" name="departure time">PM </p>
     </td>
<td width="433" colspan="1"><p align="center">Return Time:<input type="text" size="6">
	<input type="radio" name="time departing">AM
	<input type="radio" name="time departing">PM</td>
</tr>

<br/>

<!--Row 21-->
<tr>
<!--Dropdown menu. Accesses 'employees'-->
<td colspan="1"><p>Driver's Signature<input type="text" size="100"></p></td>
   <!--Button to submit information into 'requests'-->
   <td colspan="1"><input type="submit" name="submit" value="Request Trip"/></td>
</tr>

</form>

<!--Row 22-->
<tr>
<td colspan="2"><p align="center">__________________________________________________________________________________________________________________________

<br>

<strong>You may confirm your scheduled trip on the "Transportation Calendar" of the school website. If you do not <br/>
see your trip posted on the calendar, please call 323-0580 or email 
<a href="mailto:stan.morris@clintonokschools.org">stan.morris@clintonokschools.org</a>. <br/>
Notify us promptly if your trip is cancelled so we may use the vehicle for another trip if needed.</strong></p></td>
</tr>

</table>

</body>
</html>

 

On the column with state, city, and address, the address part is sticking out.

  • Author

Never mind. I have a solution. I just don't have to use so many td tags.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.