Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table cell expansion problem 1

Status
Not open for further replies.
myatia

myatia

Programmer
Nov 21, 2002
232
Hi,

I'm having problems with the following page:


I want the light blue border to expand all the way up to the bottom of the tractor picture. I've set VALIGN="top" for all the cells in that column, and I've set the HEIGHT of the tractor cell and the spacer cell beneath it to the height of these images. So, why isn't the blue cell taking up the rest of the space in column? Any advice anyone has would be greatly appreciated.

Thanks,

Misty
 
Sort by date Sort by votes
It would probably help if you had an extra column to define the heights. At the end of each row, throw in another <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=xx> where xx is the height of that particular row.

hth
 
Upvote 0 Downvote
I tried adding the extra column, but am still experience the same problem. Have any other suggestions?

Misty
 
Upvote 0 Downvote
double check your rowspan settings
looks like you may jsut be getting them messed up a bit causing the tractor pic to take more then wanted My most satisfying and best work has come from helping others

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
There's no ROWSPAN set on the tractor pic cell.

Regardless, to get this working, I decided to just put the tractor pic, the spacer image, and the text into a single row (instead of having three separate ones) and put <BR>'s between elements. It does the trick.

Misty
 
Upvote 0 Downvote
glad you found a corrective action for it.
Wanted to add though I meant the ROWSPAN's of your other cells which may have been causing the cell height. My most satisfying and best work has come from helping others

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
Thanks for everyone's suggestions.

:)
Misty
 
Upvote 0 Downvote
Went through the code a little more carefully this time. I think your ROWSPANs are ok, and I think your workaround is probably the best solution to this problem. For your information, I tried defining the heights in an extra column and it also worked. Here's the code for the table (additions to your own code labelled in red):

<TABLE cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR><!-- SEARCH -->
<FORM>
<TD colSpan=4 rowSpan=2>Search: <INPUT size=30></TD></FORM><!-- TOP ROW SPACING -->
<TD colSpan=5><IMG height=10 src=&quot;&quot; width=502></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=10></TD></TR>[/red]

<TR><!-- ABOUT -->
<TD vAlign=top><A
href=&quot; height=19
src=&quot;images/about.jpg&quot; width=146 border=0></A></TD>
<TD vAlign=top><IMG height=19 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- CONTACT -->
<TD vAlign=top><A
href=&quot; height=19 src=&quot;&quot; width=146 border=0></A></TD>
<TD vAlign=top><IMG height=19 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- RIGHTHAND COLUMN -->
<TD vAlign=top width=204 background=&quot;&quot; rowSpan=9><IMG height=1
src=&quot;images/spacer.gif&quot; width=204><BR>dsf sdfsdf sdfsdf
sdfsd</TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=19></TD></TR>[/red]

<TR>
<TD vAlign=top colSpan=7><IMG height=3
src=&quot;images/spacer.gif&quot; width=593></TD>
<TD vAlign=top><IMG height=3 src=&quot;images/spacer.gif&quot;
width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=3></TD></TR>[/red]

<TR><!-- FOR INDUSTRY PROFESSIONALS -->
<TD vAlign=top width=147><A
href=&quot; height=18 src=&quot;images/industry.jpg&quot; width=147
border=0></A></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- CONSUMERS -->
<TD vAlign=top><A
href=&quot; height=18 src=&quot;images/consumers.jpg&quot; width=145
border=0></A></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- FOR HEALTHCARE PROFESSIONALS -->
<TD vAlign=top><A
href=&quot; height=18
src=&quot;&quot; width=146 border=0></A></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- FOR PRESS -->
<TD vAlign=top><A
href=&quot; height=18
src=&quot;images/press.jpg&quot; width=146 border=0></A></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=18></TD></TR>[/red]

<TR>
<TD vAlign=top width=147><IMG height=3
src=&quot;images/spacer.gif&quot; width=147></TD>
<TD vAlign=top><IMG height=3 src=&quot;images/spacer.gif&quot;
width=3></TD>
<TD vAlign=top colSpan=5><IMG height=3
src=&quot;images/spacer.gif&quot; width=443></TD>
<TD vAlign=top><IMG height=3 src=&quot;images/spacer.gif&quot;
width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=3></TD></TR>[/red]

<TR><!-- HOME -->
<TD vAlign=top width=147><A
href=&quot; height=18
src=&quot;images/home.jpg&quot; width=147 border=0></A></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD><!-- BLUE BAR -->
<TD vAlign=top colSpan=5><IMG height=18 src=&quot;images/bar.jpg&quot;
width=443></TD>
<TD vAlign=top><IMG height=18 src=&quot;images/spacer.gif&quot;
width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=18></TD></TR>[/red]

<TR>
<TD vAlign=top width=147><IMG height=3
src=&quot;images/spacer.gif&quot; width=147></TD>
<TD vAlign=top><IMG height=3 src=&quot;images/spacer.gif&quot;
width=3></TD>
<TD vAlign=top colSpan=5><IMG height=3
src=&quot;images/spacer.gif&quot; width=443></TD>
<TD vAlign=top><IMG height=3 src=&quot;images/spacer.gif&quot;
width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=3></TD></TR>[/red]

<TR vAlign=top><!--- PICTURE --->
<TD width=147 height=64><IMG height=64 src=&quot;images/picture.jpg&quot; width=147></TD>
<TD vAlign=top rowSpan=3><IMG height=1 src=&quot;&quot; width=3></TD><!-- BODY -->
<TD vAlign=top background=&quot;&quot; colSpan=5 rowSpan=3><IMG height=500
src=&quot;images/spacer.gif&quot; width=1> fgh dghdg dghdgghdgh</TD><!-- /END BODY -->
<TD vAlign=top rowSpan=3><IMG height=1 src=&quot;images/spacer.gif&quot; width=3></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=64></TD></TR>[/red]

<TR vAlign=top height=3 WIDTH=&quot;147&quot;>
<TD vAlign=top width=147 height=3><IMG height=3 src=&quot;images/spacer.gif&quot; width=147 border=0></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=3></TD></TR>[/red]

<TR><!-- LEFT COLUMN -->
<TD vAlign=top width=147 background=&quot;images/cyanmap.jpg&quot;>sdlfjlds sljdf sdlfj ssldkjf sljkfd</TD><!-- /END LEFT COLUMN -->
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=433></TD>[/red]
</TR><!-- BOTTOM BAR -->

<TR>
<TD colSpan=9><IMG height=23 src=&quot;images/bottom.jpg&quot; width=800><BR>
<DIV align=center><!--- Site design by Checkerboard Internet Services, Inc. ---></DIV></TD>
[red] <TD><IMG SRC=&quot;images/spacer.gif&quot; WIDTH=1 HEIGHT=23></TD></TR></TBODY></TABLE>[/red]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

c0deM0nK424
  • Locked
  • Question
Joomla Installation problem - Could not connect to the database ?
Replies
3
Views
116
ChrisHirst
ChrisHirst
audiopro
  • Locked
  • Question
A Curious Problem With Chrome 2
Replies
3
Views
91
audiopro
audiopro
shpangle
  • Locked
  • Question
301 redirect problem
Replies
6
Views
114
shpangle
shpangle
math72
  • Locked
  • Question
Formmail script - want to read referes from database table
Replies
3
Views
76
math72
math72
ColdPhreze
  • Locked
  • Question
Scrolling problem with show/hide div 1
Replies
2
Views
84
ColdPhreze
ColdPhreze

Part and Inventory Search

Sponsor

Back
Top