Inner Table Borders

fstop71 · 09-12-2004, 02:12 PM

I have attached a site that I designed in PS. I made some inner borders that the customer likes. I can't figure out how to make them happen in html or css. I've tried the border-style tags but only get an outer border. I have tried stretching a 5x5 block image but can't get it to connect to the visible outer border. If anyone has a magic bullet, it would be appreciated. Thanks.

fstop71 · 09-12-2004, 02:13 PM

sorry, should have reduced the size of it.

Jazzee · 09-12-2004, 02:16 PM

Are you using tables for layout?

seonewbee · 09-12-2004, 02:34 PM

Quote:

Originally Posted by fstop71

I have attached a site that I designed in PS. I made some inner borders that the customer likes. I can't figure out how to make them happen in html or css. I've tried the border-style tags but only get an outer border. I have tried stretching a 5x5 block image but can't get it to connect to the visible outer border. If anyone has a magic bullet, it would be appreciated. Thanks.

Have you applied the border style to the individual cells?
<td border ................>

Or better yet, make a class and apply to each cell?
<td class="mycustonborder">

fstop71 · 09-12-2004, 09:08 PM

I have tried using the same tag for the individual cells for the nested tables I am using. All that does is put boxes inside boxes. I'd like them to be all inter-connected.
p.s. Excuse my delay in answering. I am currently deployed in the Red Sea/Persian Gulf. I am 7-8 hours ahead of you. I just woke up.

Jazzee · 09-12-2004, 09:10 PM

Can you give a link to the page so far? It will be easier to show you how to do this if we can see the code you are already working with.

fstop71 · 09-12-2004, 09:29 PM

Sure. Just uploaded it at

http://www.atpwebsolutions.com/webdesign/candleat/

Thanks alot.

fstop71 · 09-13-2004, 02:19 AM

I figured out how to get them to connect. I did not have cellspacing="0" in there. I included it but now there is another problem. I don't have the padding between the green bdr and the tan bdr. If I put padding in there, the green HR separates from the grn bdr. See here: http://www.atpwebsolutions.com/webde...at/index2.html

Jazzee · 09-13-2004, 06:35 AM

The easiest way would be to put a table inside of the main table. Put the tan borders on the inside table.

Also, your outter green border doesn't show in firefox. I think it's because of the border="0" you have on the main table.

fstop71 · 09-13-2004, 07:03 AM

Yeah, I do have the tan one as a nested table. In order to use the styles borders, I have to put the html border tag to "0". I managed to get them to touch except for one. Now it seems I can't have it both ways with cellpadding. Is there another way at all to do this. maybe with background images? I'm pulling my hair out. I know I've seen this setup somewhere before.
btw, I take it Firefox is editing software? or is it a browser?

Jazzee · 09-13-2004, 07:09 AM

Firefox is a browser. You really shouldn't be using the borders like you are. Use CSS instead. You can apply borders to individual table cells.

Read THIS for information on using borders with css. And THIS for a tutorial on how to use CSS.

fstop71 · 09-13-2004, 08:10 AM

Thank you Sara. That link will be very useful to me. You have been very helpful. How prevalent is the use of Firefox? I have never seen it in my stats. What are some of the pros and cons of it compared to NN or IE?

fstop71 · 09-13-2004, 08:23 AM

oic, it is Mozilla.

Jazzee · 09-13-2004, 08:50 AM

It's a pretty popular browser. I'd advise against using designs that don't work in firefox.

fstop71 · 09-13-2004, 08:55 AM

Thanks. I'll download it and check my sites in it.