The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Table Definition problem, Why can't I get rid of the separation between rows?
jmrathbun
post Aug 8 2011, 09:29 PM
Post #1


Newbie
*

Group: Members
Posts: 15
Joined: 8-June 11
Member No.: 14,726



I'm trying to create a chess-playing program that works in a browser. My rows look OK but there's a vertical gap between them that I don't know how to get rid of.


Attached File(s)
Attached File  Chess.html ( 8.46k ) Number of downloads: 160
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 8 2011, 11:43 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Turn table borders on while you are working with the design. That makes it easier to see what's what. The gaps are inside the table cells, not between rows, and they are caused by the margin most browsers give to FORM.

You can control that margin with CSS. If it isn't possible to use an external style sheet, just add a style block in HEAD.

CODE
<style type="text/css">
form   { margin: 0 }
</style>


http://htmlhelp.com/reference/css/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jmrathbun
post Aug 9 2011, 12:20 PM
Post #3


Newbie
*

Group: Members
Posts: 15
Joined: 8-June 11
Member No.: 14,726



YES that works just fine! Thanks!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 9 2011, 02:35 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Welcome. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th April 2024 - 10:41 PM