 |  |  |  |  |  |  |  |
Table cells have small gap between them that I want to get rid of
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Thread Solved
 |
•
•
Join Date: Jan 2008
Posts: 3,756
Reputation: 
Solved Threads: 491
Hi, I'm creating a maze game. The layout is basically a big 21 x 21 square, with 441 (21 times 21) smaller squares inside of it. Each square will be a different color, representing a wall, a character, a passage, etc., so I figured I'd make a 21 x 21 table. However, when I do so, there is a small gap between each cell where the white background shows through. I'd like all the cells to jut against each other with no gaps so that the white background cannot be seen between cells. Is this possible and if so, how? I took a screenshot (attached), which shows the thin white lines between cells that I would like to get rid of, and my code is below (simple 3 x 3 table with different colors for adjacent cells). It's hard to see with the small version, but if you make it full-size, you see the thin white lines I am trying to remove more easily. Thank you.
html Syntax (Toggle Plain Text)
Last edited by VernonDozier; Jan 12th, 2009 at 3:45 pm.
•
•
Join Date: Dec 2008
Posts: 63
Reputation:
Solved Threads: 13
Junior Poster in Training
•
•
•
•
Originally Posted by VernonDozier 
html Syntax (Toggle Plain Text)
Why XHTML and why transitional?
•
•
•
•
html Syntax (Toggle Plain Text)
The HTML comment hasn't been necessary since Netscape 4.
html Syntax (Toggle Plain Text)
•
•
Join Date: Jan 2008
Posts: 3,756
Reputation:
Solved Threads: 491
•
•
•
•
Originally Posted by cfajohnson
Why XHTML and why transitional?
The HTML comment hasn't been necessary since Netscape 4.
•
•
•
•
Originally Posted by cfajohnson
html Syntax (Toggle Plain Text)
•
•
Join Date: Oct 2008
Posts: 76
Reputation:
Solved Threads: 6
Junior Poster in Training
Hi, its simple just add this by your table declaration: cellspacing="0",
so our table declaration will look like this:
<table width="600" height="600" border="0" cellspacing="0">
That should just about do it.
Sorry, didnt notice above post.
so our table declaration will look like this:
<table width="600" height="600" border="0" cellspacing="0">
That should just about do it.
Sorry, didnt notice above post.
Last edited by ccube921; Jan 12th, 2009 at 10:02 pm.
If I have been helpful add to my reputation!
•
•
Join Date: Jan 2008
Posts: 3,756
Reputation:
Solved Threads: 491
•
•
•
•
Originally Posted by ccube921
Hi, its simple just add this by your table declaration: cellspacing="0",
so our table declaration will look like this:
<table width="600" height="600" border="0" cellspacing="0">
That should just about do it.
|
Other Threads in the HTML and CSS Forum
- Previous Thread: IIS FTP
- Next Thread: How do I create a cool navigation menu using Adobe Photoshop?
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet intranet iphone javascript jpeg layout macbook maps mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7