Solved

3 columns table

Posted on 2006-11-15
3
178 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
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 500 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
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).

773 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