Graphic sitting wrong in a table
The URL is: http://www.everfitusa.com
On all of the pages we have tables. In each of the four corners are little graphics to round off the edges. The upper left and lower right look correct. But the upper right and lower left graphics are off-set.
Anyone have any ideas why, or how to fix it?
Thanks!
Brooke
------------------
Providing quality websites for businesses and individuals!
www.cataluna.com
Bimjo posted this at 22:02 — 9th June 2000.
They have: 81 posts
Joined: Feb 2000
There a <p> in the upper right corner and what looks like a hard return between the image tag and the </td> in the lower left corner.
That was a quick look, there might be something else too, but I'd start there.
Bimjo
[This message has been edited by Bimjo (edited 09 June 2000).]
Bimjo
Just my opinion, worth $0.00001 anywhere on earth.
======================
Bimjo's Corner
NSS posted this at 00:54 — 10th June 2000.
They have: 488 posts
Joined: Feb 2000
For the 4 rounded corners you must create two tables.
One table on the top which have 2 corners(left and right corners) in it.
another table at the bottom.
For an example view my site:
http://www.unitronics.com
Hope this helps.
Brooke posted this at 04:32 — 12th June 2000.
She has: 681 posts
Joined: Feb 1999
Thank you for your responses - unfortunately it is still not working. I had everything in their own tables to begin with and I tried everything on just the home page - and nada. Any ideas? Am I still doing this wrong?
Brooke
------------------
Providing quality websites for businesses and individuals!
www.cataluna.com
Lloyd Hassell posted this at 06:33 — 12th June 2000.
They have: 231 posts
Joined: Feb 2000
You have this problem because you have code in between the <td> tag and the start of the <img> tag. Here is part of your code which I have changed.
<td width="20" valign="top" bgcolor="#F5CA00"><img border="0" src="images/corner3.gif" width="5" height="5"></td>
:: Lloyd Hassell :: http://www14.brinkster.com/lloydh ::
NSS posted this at 17:00 — 12th June 2000.
They have: 488 posts
Joined: Feb 2000
Hi,
On your second Table, there is a nested Table with cellpadding="5" try to change it to "0" The right corners usually gives more problem but try to add a <br> after your corner2.gif and use a transparent spacer to push up the corner2.gif and also align=right your corner2.gif.
[This message has been edited by NSS (edited 12 June 2000).]
[This message has been edited by NSS (edited 12 June 2000).]
Bimjo posted this at 18:58 — 12th June 2000.
They have: 81 posts
Joined: Feb 2000
Brooke,
Your last effort had whitespace between the end of the cell contents and the closing /td tag in the three corners that weren't working.
I removed that whitespace from the code and cleaned up some extra tags and a tag nesting error of two and it now works.
You can download the text file here, just open it in your editor and rename it with a html extension.
hth
Bimjo
Bimjo
Just my opinion, worth $0.00001 anywhere on earth.
======================
Bimjo's Corner
Brooke posted this at 21:33 — 12th June 2000.
She has: 681 posts
Joined: Feb 1999
Thank you all for taking a look. Everyone was great help and I got it working. I didn't use your page you created, Bimjo, because I really wanted to see what you did to make sure that I could do it myself. But when I looked at what you said, I got it!
Thanks everyone for your help!
Brooke
------------------
Providing quality websites for businesses and individuals!
www.cataluna.com
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.