Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 350
  • Last Modified:

Gap between the lines in a table - ASP.Net

I have a column in a table, the gap between the first and second lines should be very less.
Find attached the grid and code.

Could someone help me.

Wrap.bmp
code.bmp
0
cimscims
Asked:
cimscims
  • 4
  • 2
1 Solution
 
hehdaddyCommented:
If you are using a stylesheet try different line-height values on the hyperlink tag. That should allow you to push the lines closer together. An example would be:

.style32
{
    line-height: 10px;
}

etc.

You may have to play with the numbers to get it right.
0
 
cimscimsAuthor Commented:
line-height did not work. Is there any way? I tried giving cellpadding and cellspacing, both provide the spave between two records..but it will not solve my problem.
0
 
abhinayp86Commented:
try border="0" cellpadding="0" cellspacing="0" for the table(not for tr)
0
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

 
cimscimsAuthor Commented:
This will not work. The wrapped lines and rows will look similar. I just need to reduce the gap between the wrapped lines(in a single TD) and keep some space between the rows using cellspacing and cellpadding.
0
 
hehdaddyCommented:
Here is some sample markup that comes from an ASP.NET page I made with a fixed width table and an ASP.NET HyperLink control.

I applied a line-height to the "a" tag and it worked. You can squish/expand it as much as you want.

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
 
</title>
      <style type="text/css">
            a
            {
                  line-height: 13px;
            }
      </style>
</head>
<body>
    <form method="post" action="lt01.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTQxNDA4MzY4MmRkVxiWO84XT7udX5VqjBTRJK12GvcvQL5GbNNBAWuyIJ8=" />
</div>
 
    <div>
            <table cellspacing="0" cellpadding="0" border="1" width="200">
                  <tr>
                        <td style="width: 100px;">Test
                        </td>
                        <td style="width: 100px;">
                              <a id="hl1" href="http://www.google.com">
                              This is a lot of text that should wrap over at least two lines of text.
                              </a>
                        </td>
                  </tr>
            </table>
    </div>
    </form>
</body>
</html>

0
 
cimscimsAuthor Commented:
sorry hehdaddy. I didn't see your post unitl i signed into EE..i couldn't try your solution as i got it worked with the below code. But it is your idea of using line-height. Thank you.

What i have done is

<td width="42%">
   <table>
      <tr>
         <td style="line-height:14px">
              <asp:hyperlink ........... ></asp:hyperlink>
        </td>
     </tr>
  </table>
</td>  

0
 
cimscimsAuthor Commented:
Worked. Thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now