Solved

3 columns table

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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
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 …

744 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now