How to reduce space betwwen two trs in table?

Question

0.00/5 (No votes)

See more:

I have done this please check and reduce space between two trs

XML

<html>
<head>

<style type="text/css">

<link rel="stylesheet" href="stylesheet-pure-css.css">



</style>
<style type="text/css">
#lkj:hover {
   border-bottom: 3px solid pink;
}
#abc,#xyz
{
  display: inline;
}
table {
  border-collapse: collapse;
}
</style>
</head>
<body>
<table  cellspacing="0"margin:"0" >
<tbody>
<tr height="0">
<div id="abc" style="width:188px; ">
<img id="lkj" src="image.jpg" height="218" width="140">
</div>
</tr>
<tr>
<div id="xyz" style="width:208px;height:20px " align:"center">

<td>
<div class="example">

<div>

      <input id="checkbox2" type="checkbox" name="checkbox" value="2">
<label for="checkbox2"><span></span></label>

</td>
<td>
<p><h6>Rs.2300</h6></p>
</td>
<td>
<a href="http://www.google.co.in"><img src="pint.jpg"alt=""width="15" height="11"></a>
<a href="http://www.google.co.in"><img src="fb.png"alt=""width="15" height="11"></a>
</td>
</tr>
</tbody>
</table>
     </div>
 </div>

</div>

</body>
</html>

Posted 22-Sep-15 21:26pm

shaik.jameer

Add a Solution

Comments

jaket-cp 23-Sep-15 4:05am

Having a quick look, please fix your html first, it is not well formed.
For a start div tag is not allowed to be a direct child of tr tag.
The opening and closing of div tags are also misplaced.
In the table tag, when implementing css use the style attribute.

[no name] 23-Sep-15 5:55am

check the margin property and padding property. It depends upon the block element as well. If you are having a fixed height object in a block element then it will make the parent to occupy the same size. make sure you have no such element in a parent element.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 12003400 · Answer 1 · 2015-09-22T23:28:00

This is not a space between two rows but height of second row. In second tr you have kept height of image which increases height of whole row. Or remove h6 and p tag before Rs.2300 which will set height automatically. And as mentioned above please close all html tag properly. div tag can not be nested in tr tag. Please mention div in td tag only.