Solved

Gap between the lines in a table - ASP.Net

Posted on 2010-08-25
7
343 Views
Last Modified: 2012-06-27
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
Comment
Question by:cimscims
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 6

Accepted Solution

by:
hehdaddy earned 500 total points
ID: 33523979
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
 

Author Comment

by:cimscims
ID: 33524743
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
 
LVL 9

Expert Comment

by:abhinayp86
ID: 33525757
try border="0" cellpadding="0" cellspacing="0" for the table(not for tr)
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:cimscims
ID: 33527028
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
 
LVL 6

Expert Comment

by:hehdaddy
ID: 33527466
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
 

Author Comment

by:cimscims
ID: 33530460
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
 

Author Closing Comment

by:cimscims
ID: 33530461
Worked. Thanks.
0

Featured Post

Enroll in June's Course of the Month

June's Course of the Month is now available! Every 10 seconds, a consumer gets hit with ransomware. Refresh your knowledge of ransomware best practices by enrolling in this month's complimentary course for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
In this video, viewers are given an introduction to using the Windows 10 Snipping Tool, how to quickly locate it when it's needed and also how make it always available with a single click of a mouse button, by pinning it to the Desktop Task Bar. Int…
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question