Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations biv343 on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Trying to get box inside box effect!

Status
Not open for further replies.
JProg

JProg

Programmer
Apr 4, 2002
88
JP
Hey Everyone,

Trying to get box inside box effect using html. I have a background picture for the body of the page (e.g.: <body background="picture.jpg">) and I am using tables for page layout. The "master" top level table is using a background picture, to give the overall effect of one block inside another. The thing is my approach works in IE6 and NS7 but earlier browser versions show a gap between each of the consecutive tables (that are contained within the master table). Does anybody know of a JavaScript or approach to my task that will work in old and new browser alike?

Thanks for you help.

Regards

David
 
Sort by date Sort by votes
I have seen a lot of nested table designs and usually they work as expected. Maybe you should show us the page so we can see what the problem is. Basically, nested tables specified as <table border="0" cellspacing="0" cellpadding="0"> should have no visibly gap between them.
 
Upvote 0 Downvote

If you don't specifically specify 'cellpadding="0"' and 'cellspacing="0"' on your outer table, then the inner one will appear with a gap between it and the outer one. Tables have padding and/or spacing by default, depending on the browser used, so you need to override this.

Hope this helps,
Dan
 
Upvote 0 Downvote
Thanks Guys,

I am trying the border="0" cellpadding="0" and cellspacing="0" thing on my pages and it is working a treat. Thanks again for the assistance, really appreciated.

Regards

David
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
777
bdwilcox
bdwilcox
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
2K
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
824
pmonett
pmonett
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top