Table Height Issues

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
justravis
Forum Commoner
Posts: 53
Joined: Mon Dec 16, 2002 3:18 am
Location: San Diego, CA
Contact:

Table Height Issues

Post by justravis »

Check Out This Pg Plz:
http://coastaltritons.org/index1.php

Can't figure out y table on right won't stretch out full height of graphic. The bottom row doesnt seem to be exactly 10 px in height either.

Any ideas?
MattSharp
Forum Commoner
Posts: 62
Joined: Wed Apr 24, 2002 2:25 pm

Post by MattSharp »

Your page didn't load.
justravis
Forum Commoner
Posts: 53
Joined: Mon Dec 16, 2002 3:18 am
Location: San Diego, CA
Contact:

Post by justravis »

User avatar
m3mn0n
PHP Evangelist
Posts: 3548
Joined: Tue Aug 13, 2002 3:35 pm
Location: Calgary, Canada

Post by m3mn0n »

There is no graphic on the right, only left. ;)

And i can see you used an HTML creation program for this, and they sometimes have a nasty habbit of making extra lines of code we don't want that add extra size to a document, in my case it's always the <p> tag. But it yours maybe it could be this:

Code: Select all

<td width=25>
& n b s p ;
</td>
I observed there was two, one above and below the image on the left.
justravis
Forum Commoner
Posts: 53
Joined: Mon Dec 16, 2002 3:18 am
Location: San Diego, CA
Contact:

Post by justravis »

No. I coded it by hand. I know some browsers won't show cells if they don't have content, so I added the non-breaking spaces.

Patrik,
If I take your sugestion, the logo will appear completely in the bordered area. Am I understanding you correctly?

I do agree with you. HTML has often been more of a headache than php.
User avatar
patrikG
DevNet Master
Posts: 4235
Joined: Thu Aug 15, 2002 5:53 am
Location: Sussex, UK

Post by patrikG »

Try this:

Code: Select all

<html><head><title>Coastal Triton Football</title></head>
<body background="grid_bg.gif">

<!-- PG CENTERING TABLE -->
<table width="100%" height="100%">
	<tbody><tr>
		<td align="center" valign="center"'>

<!-- CONTENT FRAME -->
<table width="95%" cellspacing="0" cellpadding="0" border="0">
	<tbody><tr>
		<!-- LOGO COLUMN -->
		<!-- CONTENT COLUMN -->
		<td align="left" valign="top">

			<!-- CONTENT TABLE -->
			<table width="100%" height="100%" cellpadding="10" cellspacing="0" border="0">
				<tr>
					<td bgcolor='#003366'><!-- THIS IS YOUR BORDER--->
					<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
						<tr>
							<!-- ACTUAL CONTENT CELL -->
							<td rowspan=2 valign=top bgcolor="#e6e6e6"><img src="logo.gif" align=left></td>
							<td height="100%" align="center" valign="center" bgcolor="#e6e6e6" background="flame_bg.gif" style="background-position: center; background-repeat: no-repeat;">
								<font size="5"><b>Announcements</b></font><br><br>
									<b>Do YOU still have football gear from last season???</b><br>
									Please e-mail <a href="mailto:manuel@coastaltritons.org">Manuel</a>, the equipment manager, or call him at 619.223.3531 IMMEDIATELY!!!<br><br>
		
								<br>
		
								<font size="5"><b>Calendar</b></font><br><br>
									<b>March 19 </b><br>
									<b>Returning Player Registration</b><br>
									Jim Howard Hall 6 pm - 8:30 pm<br><br>
		
									<b>March 30</b><br>
									<b>Returning Player Registration</b><br>
									Jim Howard Hall 10 am - 2 pm<br><br>
		
									<b>April 16</b><br>
									<b>Returning Player Registration</b><br>
									Jim Howard Hall 6 pm - 8:30 pm<br><br>
		
									<b>May 4, June 1 and 22, July 13, 20 and 27</b><br>
									<b>General registration</b><br>
									Jim Howard Hall 10 am - 2 pm<br><br>
		
									<b>July 28 or August 1</b><br>
									<b>Practice Starts 4 Days A Week </b><br><br>
		
									<b>August 23</b><br>
									<b>Casino Night</b><br>
									Site and Time TBA<br><br>
									
									<b>September 1</b><br>
									<b>Practice Starts 3 Days A Week </b><br><br>
									
									<b>September 6</b><br>
									<b>First Game</b><br><br>
		
								<br><br>
		
								<b>- This site is being redeveloped. -</b><br>
								Please send any sugestions or comments to <a href="mailto:tritons@powerontechnologies.com">tritons@powerontechnologies.com</a>.
							</td>
							<!-- /ACTUAL CONTENT CELL -->
						</tr>
						<tr>
							<!-- BOTTOM BORDER -->
							<td background="blue_spacer.gif" height="10">
								<!-- <img src=blue_spacer.gif height=10> -->
							</td>
							<!-- /BOTTOM BORDER -->
						</tr>
					</tbody></table>
					<!-- /CONTENT TABLE -->
		
				</td>
			</tr>
		</tbody></table>
		<!-- /CONTENT FRAME -->

		</td>
	</tr>
</tbody></table>
		</td>
	</tr>
</tbody></table>
<!-- /PG CENTERING TABLE -->

</body></html>
You will have to remove the border from the images - leave that to the table-cell.
User avatar
m3mn0n
PHP Evangelist
Posts: 3548
Joined: Tue Aug 13, 2002 3:35 pm
Location: Calgary, Canada

Post by m3mn0n »

justravis wrote: No. I coded it by hand.
Wow, I must say you sure are good with your organizational skills.

I just usually slop it all down along the left side, and everyone I've seen do it by hand does that also. :)
Post Reply