Can't remove spaces between <td>

can definition
can verb
can synonym
can noun meaning
can band
can.'' acronym
meaning of can in hindi
can is a verb or noun

I'm trying to create a "register" page in HTML and I made the table to the center. But when I moved the table to the center there was a huge gap between 's. I tried "cellspacing" but it doesn't work since im working with HTML5. I also tried "border-spacing:0px;" but it doesn't work either.

I'm using latest version of Chrome and Sublime Text

Code:

body {
  background-color: #8F3985;
}

table.tablo {
  background-color: #07BEB8;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  height: 650px;
  border-spacing: 0px;
}

table {
  border-spacing: 0px;
}
<form>
  <table class="tablo">
    <tr>
      <td>
        <h3 style="text-align:center;">Kullanıcı Bilgileri</h3>
      </td>
    </tr>
    <tr>
      <td>
        Adı:
      </td>
      <td>
        <input type="text" name="">
      </td>
    </tr>
    <tr>
      <td>
        Soyadı:
      </td>
      <td><input type="text" name=""></td>
    </tr>
    <tr>
      <td>
        Cinsiyeti:
      </td>

      <td>
        <input type="radio" name="durum">Erkek
        <input type="radio" name="durum">Kadın
      </td>
    </tr>
    <tr>
      <td>
        Doğum Yeri:
      </td>
      <td>
        <select>
          <option>Bulgaristan</option>
          <option>İstanbul</option>
          <option>Ankara</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        Doğum Tarihi:
      </td>
      <td>
        <select>
          <option>1</option>
          <option>2</option>
          <option>3</option>
        </select>
        <select>
          <option>Ocak</option>
          <option>Şubat</option>
          <option>Mart</option>
        </select>
        <select>
          <option>2000</option>
          <option>2001</option>
          <option>2002</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        <input type="submit" name="" value="Kaydet">
        <input type="reset" name="" value="Temizle">
      </td>
    </tr>
  </table>
</form>

Sometime when any style issue is there the reason can be style of parent control. In this case Table is nested inside Form control, so need to change style of form control first,after changing style of form position has change and for space little change in padding of table.

body {
  background-color: #8F3985;
}

table.tablo {
  
  background-color: #07BEB8;
  margin-left: auto;
  margin-right: auto;  
  width: 650px;  
  padding: 50px;  
}


form {    
    margin-top:20%;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:20%;
    width: 80%;
}
<form>
  <table class="tablo">
    <tr>
      <td>
        <h3 style="text-align:center;">Kullanıcı Bilgileri</h3>
      </td>
    </tr>
    <tr>
      <td>
        Adı:
      </td>
      <td>
        <input type="text" name="">
      </td>
    </tr>
    <tr>
      <td>
        Soyadı:
      </td>
      <td><input type="text" name=""></td>
    </tr>
    <tr>
      <td>
        Cinsiyeti:
      </td>

      <td>
        <input type="radio" name="durum">Erkek
        <input type="radio" name="durum">Kadın
      </td>
    </tr>
    <tr>
      <td>
        Doğum Yeri:
      </td>
      <td>
        <select>
          <option>Bulgaristan</option>
          <option>İstanbul</option>
          <option>Ankara</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        Doğum Tarihi:
      </td>
      <td>
        <select>
          <option>1</option>
          <option>2</option>
          <option>3</option>
        </select>
        <select>
          <option>Ocak</option>
          <option>Şubat</option>
          <option>Mart</option>
        </select>
        <select>
          <option>2000</option>
          <option>2001</option>
          <option>2002</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        <input type="submit" name="" value="Kaydet">
        <input type="reset" name="" value="Temizle">
      </td>
    </tr>
  </table>
</form>

Can, Can may refer to: Contents. 1 Containers; 2 Music; 3 Other; 4 See also. Containers[edit]. Aluminum can · Drink can · Oil can · Steel and tin cans · Trash can  Can definition, to be able to; have the ability, power, or skill to: She can solve the problem easily, I'm sure. See more.

Are you looking for this result?

Edit

removed height: 650px; from table.table

The height for each row was too high because You set the height of the table to a specific value [in your case 650px] and row heights were evenly distributed. The solution is either to remove the height property or adjust the height according to your need.

Please note, this will not guarantee browser compatibility. It will be good to go with proven CSS frameworks like bootstrap to achieve the same result with responsiveness and browser compatibility.

body {
  background-color: #8F3985;
}

table.tablo {
  background-color: #07BEB8;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  border-spacing: 0px;
}

table {
  border-spacing: 0px;
}
<form>
  <table class="tablo">
    <tr>
      <td colspan="2">
        <h3 style="text-align:center;">Kullanıcı Bilgileri</h3>
      </td>
    </tr>
    <tr>
      <td width="20%">
        Adı:
      </td>
      <td>
        <input type="text" name="">
      </td>
    </tr>
    <tr>
      <td>
        Soyadı:
      </td>
      <td><input type="text" name=""></td>
    </tr>
    <tr>
      <td>
        Cinsiyeti:
      </td>

      <td>
        <input type="radio" name="durum">Erkek
        <input type="radio" name="durum">Kadın
      </td>
    </tr>
    <tr>
      <td>
        Doğum Yeri:
      </td>
      <td>
        <select>
          <option>Bulgaristan</option>
          <option>İstanbul</option>
          <option>Ankara</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        Doğum Tarihi:
      </td>
      <td>
        <select>
          <option>1</option>
          <option>2</option>
          <option>3</option>
        </select>
        <select>
          <option>Ocak</option>
          <option>Şubat</option>
          <option>Mart</option>
        </select>
        <select>
          <option>2000</option>
          <option>2001</option>
          <option>2002</option>
        </select>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <input type="submit" name="" value="Kaydet">
        <input type="reset" name="" value="Temizle">
      </td>
    </tr>
  </table>
</form>

The Official CAN / Spoon Records Website, VerbEdit. can (third-person singular simple present can, present participle -, simple past could, past participle (obsolete except in adjectival use) couth). Define can. can synonyms, can pronunciation, can translation, English dictionary definition of can. to be able to, have the power or skill to: I can take a bus to the

In your css code, you have fixed the height = 600px, which actually takes control of the inner size of the table and stretches table to become 600px in size. To use border-spacing, you can just remove the height of table and update the value of border-spacing, then it will show you the actual spacing that you want to use in it.

I have updated your code below, just run and enjoy ;)

<!DOCTYPE html>
<html>
<style type="text/css">
	body{
		background-color:#8F3985;
	}
	table.tablo{
 		background-color:#07BEB8;
    	margin-left:auto;
	    margin-right: auto;
	    width:600px;
	    border-spacing: 5px;
	}
</style>
<head>
	<title></title>
</head>
<body>
	<form>
		<table class="tablo">
			<tr>
				<td>
					<h3 style="text-align:center;">Kullanıcı Bilgileri</h3>
				</td>
			</tr>
			<tr>
				<td>
					Adı:
				</td>
				<td>
					<input type="text" name="">
				</td>
			</tr>
			<tr>
				<td>
					Soyadı:
				</td>
				<td><input type="text" name=""></td>
			</tr>
			<tr>
				<td>
					Cinsiyeti:
				</td>

				<td>
					<input type="radio" name="durum">Erkek
					<input type="radio" name="durum">Kadın
				</td>
			</tr>
			<tr>
				<td>
					Doğum Yeri:
				</td>
				<td>
					<select>
						<option>Bulgaristan</option>
						<option>İstanbul</option>
						<option>Ankara</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Doğum Tarihi:
				</td>
				<td>
					<select>
						<option>1</option>
						<option>2</option>
						<option>3</option>
					</select>
					<select>
						<option>Ocak</option>
						<option>Şubat</option>
						<option>Mart</option>
					</select>
					<select>
						<option>2000</option>
						<option>2001</option>
						<option>2002</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					<input type="submit" name="" value="Kaydet">
					<input type="reset" name="" value="Temizle">
				</td>
			</tr>
		</table>
	</form>

</body>
</html>

Can, can meaning: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more. 110 synonyms of can from the Merriam-Webster Thesaurus, plus 97 related words, definitions, and antonyms. Find another word for can. Can: to bring (as an action or operation) to an immediate end.

These properties should work.

table {
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
tbody, tr {
    width: 100%;
}
table.tablo, table.tablo * {
    box-sizing: border-box;
}
table.tablo {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    background-color: #07beb8;
}
table.tablo td {
    width: 50%;
    vertical-align: top;
    padding: 0; /* change in whitespace you like */
}
table.tablo td:first-child {
    width: 100%;
}

and use for the header

<tr>
    <td colspan="2">
        <h3 style="text-align:center;">Kullanıcı Bilgileri</h3>
    </td>
</tr>

can, 1.4Used to indicate that something is typically the case. 'antique clocks can seem out of place in modern homes'. More example sentences. Can means someone or something knows how to, is able to, is likely to or has the right to do something. An example of can is someone knowing how to play the piano. An example of can is a cat being able to paint. An example of can is a car that usually starts.

CAN, What Parents Can Learn From Child Care Centers That Stayed Open During Lockdowns. Facebook; Twitter; Flipboard; Email. June 24  In negative constructions, can't or cannot is more common than may not; the contraction mayn't is rare: You can't park in the driveway. can but and cannot but are formal and old-fashioned expressions suggesting that there is no other way to do something. can2 /kæn/ n., v., canned, can•ning.

Can, can. (kæn). n. 1. a container, esp for liquids, usually of thin sheet metal: a petrol can;  Looking for online definition of CAN or what CAN stands for? CAN is listed in the World's largest and most authoritative dictionary database of abbreviations and acronyms The Free Dictionary

What Schools Can Learn From Child Care Coronavirus Safety Plans , Can-Am offers a complete lineup of Off-Road vehicles (ATV, Side-by-Side) and 3-​wheel motorcycles (Spyder or Ryker). Choose your playground now and enjoy  Inflections of 'can' (v): (⇒ conjugate) can v aux present could v aux past could v aux conditional cans v 3rd person singular (For the transitive verb) canning v pres p verb, present participle: -ing verb used descriptively or to form progressive verb--for example, "a singing bird," "It is singing."

Comments
  • There's a huge gap because you're setting the table to be 600px wide. Regardless, in 2009 you shouldn't have been using tables to create layout, much less in 2019.
  • May I ask you where did you learn to write HTML?
  • I agree with @RobbyCornelissen...try to use something like bootstrap, the easiest way to create a cool responsive layout... getbootstrap.com
  • In school, they teach 2011's documentation.
  • I would love to use Bootstrap and other layout languages but I'm forced to write in old HTML.
  • Nope, I'm looking for to remove spacings between textboxes.
  • while answering with code, you must include a minimal explanation. Then only op can understand what's wrong with their code.
  • @aliozgurr Which spacing? The answer above has no spacing. I am confused.
  • The spacing between <tr>
  • @aliozgurr the text boxes are in tr and the title of your question says td. Clarify it
  • I want to blue table go to all the way down and center the inputs without adding extra tables. This doesn't work for my demands.