Solved

3 columns table

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
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 …

867 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

21 Experts available now in Live!

Get 1:1 Help Now