PDA

View Full Version : Dotted lines table


The Red Guy
June 5th, 2002, 02:11
How do I create the effect that the table is made up of dotted lines? I've seen it before at ibforums.
bigperm
June 5th, 2002, 02:33
Just some CSS border-style: dashed; will do the trick.
bigperm
June 5th, 2002, 02:36
For more info on it:
http://www.w3schools.com/css/pr_border-style.asp
The Red Guy
June 5th, 2002, 04:09
How do I point that table to that css value?
biggulp
June 5th, 2002, 04:17
<table class="dotted">
The Red Guy
June 5th, 2002, 04:22
Thanks, but I realised that every table was dotted!
dawizman
June 5th, 2002, 08:39
exact code:

in between the <head and </head> tags:

<STYLE TYPE-"type/css">
<!--
.one{border-style: dashed;}
-->
</style>


Your table:

<table class="one" other commands>
The Red Guy
June 6th, 2002, 04:46
How do I control the width and length of the lines?
biggulp
June 6th, 2002, 05:00
I don't think you can unless you want to use a graphic
guitarnerd
June 6th, 2002, 06:18
Originally posted by The Red Guy
How do I control the width and length of the lines?
I am getting into CSS lately and there are different types of dotted lines you can use, and you might be able to find one you like...grrr I don't remember the line for it I am trying to find where I read it
You might want to use 1st page for your CSS editor it is great and Easier to use than notepad. and it has a reference when you get stuck
Christopher
June 6th, 2002, 07:36
Using the example that dawizman used, try this:

<STYLE TYPE="type/css">
<!--
.one{border: 5px dashed blue;}
-->
</style>
That will make 5 pixel dashes with blue color. You can of coarse change the color and pixel value.
The Red Guy
June 6th, 2002, 22:57
Originally posted by Christopher
Using the example that dawizman used, try this:

<STYLE TYPE="type/css">
<!--
.one{border: 5px dashed blue;}
-->
</style>
That will make 5 pixel dashes with blue color. You can of coarse change the color and pixel value. Thanks, that cleared the puzzle. :)
The Red Guy
June 14th, 2002, 02:42
Sorry, one last thing. I notice the lines are very short. Is there any way to make it longer/
dawizman
June 14th, 2002, 09:21
I beleive if you edit the 5px it will increase in size.
Christopher
June 18th, 2002, 20:49
I think the pixel size is the size in general, not the length... It would be easier to use a graphic...
The Red Guy
June 18th, 2002, 23:41
What do I alter to use an image?
biggulp
June 19th, 2002, 09:44
use <td background="bg.gif" width="5">
change the atributes to your needs
w3exit
June 22nd, 2002, 12:51
Originally posted by The Red Guy
How do I create the effect that the table is made up of dotted lines? I've seen it before at ibforums.

cool ... i always wanted to know how too
The Red Guy
June 28th, 2002, 05:33
Originally posted by biggulp
use <td background="bg.gif" width="5">
change the atributes to your needs Thanks, all problems solved.