animan
Joined: Jun 25, 2002
# Posts: 61
|
Posted: 2002-Jul-24 20:56
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.
|
 |
Mo Money
Joined: Jul 19, 2002
# Posts: 55
|
Posted: 2002-Jul-24 22:35
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 
|
|
sdarken
Joined: Sep 22, 2000
# Posts: 426
|
Posted: 2002-Jul-24 22:39
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
|
|
sdarken
Joined: Sep 22, 2000
# Posts: 426
|
Posted: 2002-Jul-24 22:40
Sorry. I posted this at the same time as Mo Money. My post is in response to the original request from animan.- Simon
|
|
animan
Joined: Jun 25, 2002
# Posts: 61
|
Posted: 2002-Jul-24 22:58
Okay. I'll give it a try. Thank You.
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 06:52
I've found that this works in all browsers ( Opera, IE and Netscape 6 ) but bombs in Netscape 4.7:<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<center>
<p> </p>
<table width=500 cellpadding="0" cellspacing="0"><tr><td><img src="top_left.gif" width=26 height=27 alt=""></td>
<td width="100%" bgcolor="#0089D8"><img src="pixel.gif" width=1 height=27></td>
<td><img src="top_right.gif" width=26 height=27 alt=""></td></tr>
<tr><td colspan=3 bgcolor="#0089D8"><p> </p><p> </p><p> </p><p> </p><p> </p></td></tr>
<tr><td><img src="bot_left.gif" width=26 height=27 alt=""></td><td width="100%" bgcolor="#0089D8">
<img src="pixel.gif" width=1 height=27></td><td><img src="bot_right.gif" width=26 height=27 alt=""></td></tr></table>
</body>
</html>
|
|
sdarken
Joined: Sep 22, 2000
# Posts: 426
|
Posted: 2002-Jul-25 21:13
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
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 19:52
Here it is:
http://www.*********.com/box.htm
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 19:55
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.
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 19:56
Ok, this is just stupid...try this without the spaces:atcomics . com / box.htm
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 19:57
damn...I mean ********* not atcomics
|
|
xero
Joined: Jan 31, 2001
# Posts: 104
|
Posted: 2002-Jul-26 19:59
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...
|
|
sdarken
Joined: Sep 22, 2000
# Posts: 426
|
Posted: 2002-Jul-26 22:30
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
|
|
animan
Joined: Jun 25, 2002
# Posts: 61
|
Posted: 2002-Jul-26 22:52
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.
|
|
sdarken
Joined: Sep 22, 2000
# Posts: 426
|
Posted: 2002-Jul-27 02:48
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
|
|
Inbox
