borders

Member

Message

animan

Joined: Jun 25, 2002

# Posts: 61

Posted: 07/24/2002 12:56 pm

I am trying to make borders around my tables that have rounded corners, and although I know several ways to do it, I seem to be running into problems with finding one way that I can guarantee that my visitors will see what I want. They should be flexible, as the table stretches from system to system (text attributes and other variables), the border should stretch along with it.

The way I've been doing it. Use an image as a background image, but I've run into some problems with the spacing differences between certain browsers. There is also the problem that if I use percentages I get a duplicated image. The cell with the border image is not assigned as a percentage, but for some reason it wants to move a few pixels along with the auto sizing cell in NS.

I was going to use actual borders, but I want rounded corners, so this gives the "rounded corner image" a border. Not what I want.

The only other option that I can think of is to predetermine the size and use actual images.

If anybody has any suggestions please let me know.

(Copy Shortcut)

Mo Money

Joined: Jul 19, 2002

# Posts: 55

Posted: 07/24/2002 02:35 pm

ya i have that prob sometimes to. Whell what you have to do is have you table with a table above it and another table below it. The on the above and below tables you make there width like 95%. and then you make little table corner graphics that you insert in all the 4 corners. If it doesnt look right just keep adjusting it until it does. Make sure your tables width is 100%. If your tables width is not 100% make sure that the bottom and top tables are just like 5% smaller!

Hope that helped' ya

(Copy Shortcut)

sdarken

Joined: Sep 22, 2000

# Posts: 426

Posted: 07/24/2002 02:39 pm

It might be easier if you give us the url of a page where you nearly made it work. Someone might be able to suggest a minor tweak to fix the problem.

- Simon

(Copy Shortcut)

sdarken

Joined: Sep 22, 2000

# Posts: 426

Posted: 07/24/2002 02:40 pm

Sorry. I posted this at the same time as Mo Money. My post is in response to the original request from animan.

- Simon

(Copy Shortcut)

animan

Joined: Jun 25, 2002

# Posts: 61

Posted: 07/24/2002 02:58 pm

Okay. I'll give it a try. Thank You.

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/25/2002 10:52 pm

I've found that this works in all browsers ( Opera, IE and Netscape 6 ) but bombs in Netscape 4.7:

(Copy Shortcut)

sdarken

Joined: Sep 22, 2000

# Posts: 426

Posted: 07/25/2002 01:13 pm

Do you have that page loaded somewhere that I can see it (including the graphics)?

I'm thinking that the "table width=500..." bit might be the problem but I would have to play with it to check my theory.

- Simon

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/26/2002 11:52 am

Here it is:
http://www.*********.com/box.htm

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/26/2002 11:55 am

Try this link since the board is editing me:

*********.com/box.htm

also, the 500 can be changed to 100% and then you would make the middle cell between the curves 100% width as well so it pushes the curves out.

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/26/2002 11:56 am

Ok, this is just stupid...try this without the spaces:

atcomics . com / box.htm

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/26/2002 11:57 am

damn...I mean ********* not atcomics

(Copy Shortcut)

xero

Joined: Jan 31, 2001

# Posts: 104

Posted: 07/26/2002 11:59 am

can't delete, can't edit, can't post URLS...then is getting lame.

here is where you need to go:

a t s t u d i o s . c o m / box.htm

of course with the spaces...

(Copy Shortcut)

sdarken

Joined: Sep 22, 2000

# Posts: 426

Posted: 07/26/2002 02:30 pm

Try this. Not sure if it is exactly what you want but pretty close.
http://www.darken.com/junk/box/box2.htm

Works in IE6 and NS4.74

The main things were:
- drop the width from the table tag
- add border=0 to hide the white gaps in NS
- turn the main bit of the table into 3 colums instead of using a colspan=3

(Copy Shortcut)

animan

Joined: Jun 25, 2002

# Posts: 61

Posted: 07/26/2002 02:52 pm

Thanks for posting some solutions, but the problem that I can't seem to work out is the borders. A page that I'm working on is http://www.clovislights.com/cl1.html I've stopped working on it until I decide exactly what I need to do. I may use a redirect script just for NS 4 and other browsers, but I don't know right now. Note: this page is a test, I used another site as a guide and it will change a lot before it gets renamed "index", just thought that you might want to see the original problem.

(Copy Shortcut)

sdarken

Joined: Sep 22, 2000

# Posts: 426

Posted: 07/26/2002 06:48 pm

Sorry, that page is just too complicated for me to attempt. There are obviously multiple problems with that. The only way to solve that is to break out all the unnecessary stuff and build it up bit by bit fixing problems as you go.

- Simon

(Copy Shortcut)

You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:

You have not yet logged in, or registered properly as a member
You are a member, but no longer have posting rights.
This is a private forum, for which you do not have permissions.

If you are a recent member, it's possible that you simply have not yet confirmed your account. Please check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions contained within.

If you cannot find this message, click here to Re-Send it.

If you are still experiencing problem, please read the Login Assistance Article for some advice on what may be causing your login not to work properly.

Switch to Advanced Editor and ... Create a New Topic or Reply to this Thread

SEF