?
Solved

Extend table so table borders look smooth

Posted on 2007-08-02
8
Medium Priority
?
787 Views
Last Modified: 2008-01-09
I need to get the table to be completely flush right (as it is on the left side--so it looks like an outline), but I'm having trouble with the html (you can just view source).  Can someone help me with it:

http://www.deluxchicago.com/test/temp.html

<table width="450"  border="0" cellspacing="0" cellpadding="0"><tr><td>
<table width="450"  border="0" cellspacing="0" cellpadding="0" bgcolor=780101>
                  <tr>
                    <td colspan="3"><img src="images/ctr-picktopicbelow.gif" width="450" height="69"><br></td>
                    </tr>
                  <tr>
                    <td width="1" bgcolor="780101">&nbsp;</td>
                    <td width="100%" bgcolor="#FFFFFF">&nbsp;</td>
                    <td width="1" bgcolor="780101">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="3"><img src="images/ctr-btm-scoop.gif" width="450" height="46"><br></td>
                    </tr>
                </table>
</td></tr></table>
0
Comment
Question by:saturation
  • 2
  • 2
  • 2
  • +2
8 Comments
 
LVL 6

Expert Comment

by:Da1King
ID: 19621458
Replace your body tag with this:

<body style="margin: 0">

Is that effect you are looking for?
0
 
LVL 28

Expert Comment

by:gamebits
ID: 19621566
The problem is in the td with the width of 100%

                  <tr>
                    <td width="1" bgcolor="780101">&nbsp;</td>
                    <td width="100%" bgcolor="#FFFFFF">&nbsp;</td> <<<<<<< change the width
                    <td width="1" bgcolor="780101">&nbsp;</td>
                  </tr>
0
 
LVL 8

Expert Comment

by:LocoTechCJ
ID: 19621567
What do you use to edit your html?  Do you have Dreamweaver and Fireworks?

LTCJ
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:saturation
ID: 19621598
Dreamweaver
0
 
LVL 28

Expert Comment

by:gamebits
ID: 19621717
Actually you are missing the graphics for each side of your table, the top graphic start he inside box (with the round corner) and the bottom graphic close it, now what you need is a graphic for the left and right that you will use as a background image for a td this graphic will extend as required to accomodate whatever is in the box.
0
 
LVL 10

Accepted Solution

by:
NeoDiffusion earned 1600 total points
ID: 19623345

Hello,

Simply change
 <td colspan="3"><img src="images/ctr-picktopicbelow.gif" width="450" height="69>
BY
 <td colspan="3"><img src="images/ctr-picktopicbelow.gif" width="100%" height="69>
and
 <td colspan="3"><img src="images/ctr-btm-scoop.gif" width="450" height="46">
BY
 <td colspan="3"><img src="images/ctr-btm-scoop.gif" width="100%" height="46">

it will do the work (just tested for you).

Rgds,
Werner.

0
 
LVL 8

Assisted Solution

by:LocoTechCJ
LocoTechCJ earned 400 total points
ID: 19666221
For what you are trying to do, this is a Great tutorial for Macromedia (Adobe) Fireworks.  If you don't have fireworks, you can download the evaluation trial and play with the full features for I think 30 days.  Check it out:

http://www.allwebdesignresources.com/webdesignresources/webdesignresources.html

LTCJ
0
 
LVL 10

Expert Comment

by:NeoDiffusion
ID: 19669456

Hello saturation,


I provided you with the fix, even tested for you. Do you need something more ?

Rgds,

Werner.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

864 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