Super-thin table borders in html?

[agrikk]

Yo.

I've seen sites that have tables using razor thin lines like this:

See how there's a thin blue line surrounding the title bar. That's what I want, but I can't figure it out. When I try to make a table, the nearest I can come is a table with a border 1 pixel wide, which looks more like the line in the lower right.

Anyone know how to make this super-thin line?


Agrikk

 

[njc]

Did you view source? I'm willing to bet it's CSS

 

[redd38]

I use:

<TABLE BGCOLOR="#000000" CELLPADDING="0" CELLSPACING="1">
  <TR>
    <TD>
      <TABLE BGCOLOR="#ffffff" CELLPADDING="0" CELLSPACING="0">
        <TR>
          <TD>stuff here</TD>
        </TR>
      </TABLE>
    </TD>
  </TR>
</TABLE>

That'll make a 1 pixel black border

 

[heatsinker]

You can get pretty thin table borders with HTML. Just set cell padding and cell spacing to 0. If you view my www link, there's plenty of instances there where I use tables with thin black borders.

Edit: beaten to the punch!

 

[ZeroX]

<table style="border: 1px solid #0000FF">
...
</table>

 

[agrikk]

Originally posted by ZeroX

<table style="border: 1px solid #0000FF">
...
</table>

Well hell, that was easy. Thanks everyone.

Is there a good resource to look up that "style=" tag? I've not used style sheets or the like before since I've never really found a good how-to.

Dreamweaver is an excellent WYSIWYG editor, but not so helpful in the Help department.

 

[Anarchonixx]

Originally posted by agrikk
Well hell, that was easy. Thanks everyone.

Is there a good resource to look up that "style=" tag? I've not used style sheets or the like before since I've never really found a good how-to.

The "style=" tag is just CSS, but inline instead of on a separate file. If you know CSS, you can just use any CSS property and put it in a style tag, such as <p style="font-size: 90%; color: #000000; text-indent: 30px">.

I learned CSS on w3schools.org, and learned more about it while making actual pages and looking up information whenever I had any problems or couldn't figure how to do something. But w3schools was a damn good starting place imo.

 

[ZeroX]

http://www.w3schools.com/
http://glish.com/css/
http://alistapart.com/
http://meyerweb.com/eric/css/edge/

and of course...

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator-uri.html

 

[chrisfnet]

Originally posted by agrikk
Well hell, that was easy. Thanks everyone.

Is there a good resource to look up that "style=" tag? I've not used style sheets or the like before since I've never really found a good how-to.

Dreamweaver is an excellent WYSIWYG editor, but not so helpful in the Help department.

Dreamweaver has a built in CSS Stylesheet editor. If you can operate checkboxes and/or radioboxes.. you can handle it. Check it out sometime.

 

[Veonik]

'Nother good resource for CSS Attributes is MSDN-- http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp