Hi, I have a client who is wanting a website creating.<br />
<br />
Please go to <!-- m --><a class="postlink" href="http://www.warleyscouts.org.uk/Callis_Mill/">http://www.warleyscouts.org.uk/Callis_Mill/</a><!-- m --><br />
<br />
No matter how much i try i can't make the border with all the text is in black and just 1px thick. Please can someone tell me how to do it. I have tried and tried but i can't do it.<br />
<br />
If you need the css file (which i don think you will) it is at <!-- m --><a class="postlink" href="http://www.warleyscouts.org.uk/Callis_Mill/style.css">http://www.warleyscouts.org.uk/Callis_Mill/style.css</a><!-- m --><br />
<br />
Thanks<br />
Jamie<!--content-->I think I can help you...<br />
(Check out <!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_border.asp">http://www.w3schools.com/css/css_border.asp</a><!-- m -->)<br />
<br />
Instead of using <table> use CSS border. You can control color and pixels. The syntax is:<br />
<br />
p.blah1{border-style:blah2;border-width:blah3;border-color:blah4}<br />
<br />
where blah1 can be whatever ID of the paragraph your pointing to (you can change "p" to "div" or "span" or whatever.)<br />
<br />
where blah2 can be any of the following:<br />
none<br />
hidden<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset<br />
<br />
where blah3 can be any of the following:<br />
1px<br />
2px<br />
...px<br />
thin<br />
medium<br />
thick<br />
<br />
where blah4 can be any of the following:<br />
black (default)<br />
(other colors)<br />
(color hex codes)<br />
<br />
i will make an example of your page at my site using css borders: <!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp.html">http://www.xdemi.com/temp/htmlforumhelp.html</a><!-- m --><br />
I'll finish it by the end of today, but I gotta run to work, I'm kinda late. So please check out that link later!<!--content-->great explanation pyrexyn!
<br />
jamie you can also add the css straight to the td, like so <br />
<br />
td.1 {border-style:solid;border-width:1px;border-color:#000000;}<br />
<br />
<TBODY><br />
<TR><br />
<TD class="1"><IMG height=133 alt="Bridge Lock Photo" <br />
src=http://www.htmlforums.com/archive/index.php/"images/bridgelock.gif" width=200 align=left> Your text <br />
will go here<br />
<br />
<br />
use css for height, width, align & background-color in your tables (otherwise it's deprecated), and "" quote all values (not necessary but recomended)and change your doctype to 4.01<!--content-->I think the above method is an eually and if not more efficient way of doing what you wanted to do. Thankyou leoo24. Nonetheless I'll start making my example page using my method. I will simply insert "<div style="border-style:ridge;border-width:1px;border-color:black;"></div>" in two places, and change all border attributes to 0.<br />
<br />
<!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp.html">http://www.xdemi.com/temp/htmlforumhelp.html</a><!-- m --><!--content-->
<br />
Please go to <!-- m --><a class="postlink" href="http://www.warleyscouts.org.uk/Callis_Mill/">http://www.warleyscouts.org.uk/Callis_Mill/</a><!-- m --><br />
<br />
No matter how much i try i can't make the border with all the text is in black and just 1px thick. Please can someone tell me how to do it. I have tried and tried but i can't do it.<br />
<br />
If you need the css file (which i don think you will) it is at <!-- m --><a class="postlink" href="http://www.warleyscouts.org.uk/Callis_Mill/style.css">http://www.warleyscouts.org.uk/Callis_Mill/style.css</a><!-- m --><br />
<br />
Thanks<br />
Jamie<!--content-->I think I can help you...<br />
(Check out <!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_border.asp">http://www.w3schools.com/css/css_border.asp</a><!-- m -->)<br />
<br />
Instead of using <table> use CSS border. You can control color and pixels. The syntax is:<br />
<br />
p.blah1{border-style:blah2;border-width:blah3;border-color:blah4}<br />
<br />
where blah1 can be whatever ID of the paragraph your pointing to (you can change "p" to "div" or "span" or whatever.)<br />
<br />
where blah2 can be any of the following:<br />
none<br />
hidden<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset<br />
<br />
where blah3 can be any of the following:<br />
1px<br />
2px<br />
...px<br />
thin<br />
medium<br />
thick<br />
<br />
where blah4 can be any of the following:<br />
black (default)<br />
(other colors)<br />
(color hex codes)<br />
<br />
i will make an example of your page at my site using css borders: <!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp.html">http://www.xdemi.com/temp/htmlforumhelp.html</a><!-- m --><br />
I'll finish it by the end of today, but I gotta run to work, I'm kinda late. So please check out that link later!<!--content-->great explanation pyrexyn!
<br />jamie you can also add the css straight to the td, like so <br />
<br />
td.1 {border-style:solid;border-width:1px;border-color:#000000;}<br />
<br />
<TBODY><br />
<TR><br />
<TD class="1"><IMG height=133 alt="Bridge Lock Photo" <br />
src=http://www.htmlforums.com/archive/index.php/"images/bridgelock.gif" width=200 align=left> Your text <br />
will go here<br />
<br />
<br />
use css for height, width, align & background-color in your tables (otherwise it's deprecated), and "" quote all values (not necessary but recomended)and change your doctype to 4.01<!--content-->I think the above method is an eually and if not more efficient way of doing what you wanted to do. Thankyou leoo24. Nonetheless I'll start making my example page using my method. I will simply insert "<div style="border-style:ridge;border-width:1px;border-color:black;"></div>" in two places, and change all border attributes to 0.<br />
<br />
<!-- m --><a class="postlink" href="http://www.xdemi.com/temp/htmlforumhelp.html">http://www.xdemi.com/temp/htmlforumhelp.html</a><!-- m --><!--content-->