Solved

How can I make a table border like a thin line?

Posted on 2008-06-18
7
2,319 Views
Last Modified: 2012-06-21
How can I make a table border like a thin line?
I think we can use style="border-collapse: collapse"
but it seems to be not what I want....
0
Comment
Question by:mawingho
7 Comments
 
LVL 2

Expert Comment

by:ayus80
ID: 21819242
0
 
LVL 4

Expert Comment

by:sajay_j
ID: 21819361
table, td { border:1px solid #ccc; } if it is correct.
Regards
Sajay.
0
 
LVL 13

Expert Comment

by:compfixer101
ID: 21819500
<table border="1"> {table ans text here}</table>
0
Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

 

Expert Comment

by:arunavela
ID: 21819785
table { border: thin solid } or table { border: 1px solid }
0
 

Expert Comment

by:arunavela
ID: 21819789
table { border: thin solid } and set the cellsapcing and padding is 0
0
 
LVL 19

Accepted Solution

by:
LordOfPorts earned 500 total points
ID: 21826019
Below is another example:
<!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>Table With Thin Border</title>
    
    <style type="text/css">
    
    table 
    {
        border-top:     1px solid #999999;
        border-left:    1px solid #999999;
    }
    
    td
    {
        border-right:   1px solid #999999;
        border-bottom:  1px solid #999999;
    }
    
    </style>
</head>
<body>
 
<table cellpadding="5" cellspacing="0">
 <tr>
  <td>Cell 1</td>
  <td>Cell 2</td>
 </tr>
 <tr>
  <td>Cell 3</td>
  <td>Cell 4</td>
 </tr>
</table>
 
</body>
</html>

Open in new window

ThinBorderTable.png
0
 
LVL 13

Expert Comment

by:compfixer101
ID: 21826733
it really depends on whether you want it done by CSS or by the actual table tag..
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
execute script based on HTML event 7 24
Why a span is lower 2 20
Button and js nou working 3 8
specific navigation button disappears on mobile devices 1 15
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

809 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