Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

3 columns table

Posted on 2006-11-15
3
Medium Priority
?
190 Views
Last Modified: 2010-04-09
In a table I have 3 columns
Content column, space column and submenu column
Both, the content and the submenu columns start with an image-curve of the column full width.
The problem is, I have to end both columns with the same curve image. The content column when needed I just added at the end “<tr><td>” for the ending curve image. But since the submenu column continues till the end of the content-column (half-way empty) adding and it end the curve image make it display in the middle of the column.

I can sure end this column away before the content-column ends, but it does not look good. So my question is how can I include the bottom-curve-image in the end of the submenu column?

If you do not understand I can post the table code here.

Thanks!
0
Comment
Question by:Refael
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 28

Expert Comment

by:gamebits
ID: 17951922
I don't know about the other expert but I could sure use the table code to understand.

Gamebits
0
 

Author Comment

by:Refael
ID: 17951958


Hi, Thanks!

http://projects.exceptional-freelancer.com/exexchange/test1.htm

here is the link as an example... i added a border to the curve-bottom image so you can see where it is located in the sub-menu-column.

i hope that makes sense...
0
 
LVL 4

Accepted Solution

by:
carlmahon earned 2000 total points
ID: 17952001
I would try a row at the top and bottom just for the pics

<table cellpadding="0" cellspacing="0" border="0" height="100%" style="background-color:#EEF1E8;">
      <tr>
            <td valign="top" height="29"><img src="content-top.gif" alt="" width="550" height="29" border="0" /> </td>
            <td valign="top"><img src="sub-menu-top.gif" alt="" width="211" height="22" border="0" /> </td>
      <tr>
            <td width="550" valign="top"><table cellpadding="0" cellspacing="0" border="0" style="background-color:#EEF1E8;">
                        <tr>
                              <td valign="top">&nbsp;</td>
                        </tr>
                        <tr>
                              <td height="300" valign="top">content column</td>
                        </tr>
                        <tr>
                              <td valign="top" width="550">&nbsp;</td>
                        </tr>
                  </table></td>
            <td width="211" valign="top" height="100%"><table cellpadding="0" cellspacing="0" border="0" height="100%" style="background-color:#EEF1E8;">
                        <tr>
                              <td valign="top" height="29">&nbsp;</td>
                        </tr>
                        <tr>
                              <td valign="top">sub menu column</td>
                        </tr>
                        <tr>
                              <td valign="bottom" width="211">&nbsp;</td>
                        </tr>
                  </table></td>
      <tr>
            <td valign="top" height="29"><img src="content-bottom.gif" alt="" width="550" height="29" border="0" /> </td>
            <td valign="top"><img src="sub-menu-bottom.gif" align="bottom" alt="" width="211" height="22" border="1" /> </td>
      </tr>
</table>
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question