I've created a table at the top of my webpage and it looks great unless I make my browser smaller. Then the last image in the center column wraps, making the row twice as big. I've tried forcing the width of the center column, eliminating the images in other columns, etc, but can't get it to stop wrapping. And it's the ONLY image that wraps. Here is the basic code I'm using: <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD ALIGN="LEFT" WIDTH="283"> <img src="leftimage.jpg" border="0"> </TD> <TD VALIGN="MIDDLE" ALIGN="CENTER" WIDTH="525"> <img src="longbar.gif" border="0" align="center"> (NOTE--this image is 500px) <BR /> <img src="first.gif" border="0" align="center"> <img src="second.gif" border="0" align="center"> <img src="third.gif" border="0" align="center"> <img src="fourth.gif" border="0" align="center"> <img src="fifth.gif" border="0" align="center"> (NOTE--this is the image that wraps) </TD> <TD VALIGN="MIDDLE" ALIGN="RIGHT" WIDTH="175"> This is a block ready for text. </TD> </TR> </TABLE> You can see it happening at the top of my website at http://www.thechristianguitarist.com Any help is appreciated!
it looks fine to me, I don't see the problem. The site is very nice. I cruched my browser in different directions and the columns did what they were supposed to.
it wrapped for me... have you tried the "nowrap" option in your code? syntax: <TD VALIGN="MIDDLE" ALIGN="CENTER" WIDTH="525" nowrap>
Thanks for the reply. When you crunched your browser, did the center column of the books listed at the top stack? I'm trying to find a way to NOT make them stack--as only the last image is stacking on me.
YAY! That fixed it. Thanks, friend. Geez, I've been messing with this for two hours. I can't believe it was that simple!!!
it reminds me of the time I tried for two hours to figure out how to make a header appear inside a paragraph. Posted here and voila, I learned about the "inline" css style.