Solved

3 columns table

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

627 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