Borders and white space

<!-- m --><a class="postlink" href="http://www.geocities.com/gobd22002/Mark/TEST.html">http://www.geocities.com/gobd22002/Mark/TEST.html</a><!-- m --><br />
<br />
this page is meant to be viewed at 1024x768 res with IE 6.0, if you aren't using those 2 items don't reply because its not the right answer ;)<br />
<br />
i would like to add a border (1 or 2px wide on the left and right only) enclosing all of those little boxes with text in them but i have no idea how to do this, and also i would like to totally remove the little tiny white space on the right or reude its size to 1 or 2px and add a border on that side along with a border of the same size on the left.<br />
<br />
thx for your help if you can understand that :) i din't explain anything too well.<!--content-->Your are right you didn't expain it too well. You say you want borders, ok to the left and right... give me a clearer idea of what you want.<br />
<br />
Had a look at your source and you are missing a few </p> tags. I would suggest you fix your design at a table level. Why don't you do this with Cols instead?<!--content-->if you are talking about borders on table then no you can't do that. the border of a table is all or nothing. you could try using css to make the borders though.<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html">http://www.w3.org/TR/REC-CSS2/box.html</a><!-- m --><br />
<br />
if you insist on using IE6 as this might not work in some older version browsers<!--content-->Originally posted by scoutt <br />
if you are talking about borders on table then no you can't do that. the border of a table is all or nothing. you could try using css to make the borders though.<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html">http://www.w3.org/TR/REC-CSS2/box.html</a><!-- m --><br />
<br />
if you insist on using IE6 as this might not work in some older version browsers In a way you can do it using CSS on the table itself. You can set attributes for border-top, border-left, border-right, border bottom.<br />
<br />
This might give you some idea (note the incredibly ugly colors are designed to blind):<br />
<br />
<html><br />
<br />
<body style="margin : 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt;"><br />
<br />
<table style="margin-top: 20px; background:aqua; color:red; border-top: 5px solid aqua; border-left: 5px solid ***hsia; border-right: 5px solid green; border-bottom: 5px solid aqua;" border="0" width="90%" border="0" cellspacing="0" cellpadding="0" align="center" valign="top"><br />
<br />
<tr><br />
<td><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p><br />
<br />
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p><br />
<br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
Of course you need to adjust the colors and widths etc to suit your pages. Hope this helps you along the right path.<br />
<br />
Neil<!--content-->isn't that what I said? :P<!--content-->http://www.geocities.com/gobd22002/Mark/TEST.html<br />
<br />
well, i've decided to go with borders that aren't perfect but they will work almost as good as what i wanted before. the border on the right (that little 1px width bar) is what i want the one on the left to look like but i can't remove that little space now... also i'd like to put that same border around the middle section.<br />
<br />
i've now concluded that spaces are eeviiil, if they'd just go away life would be so much easier :)<!--content-->Originally posted by scoutt <br />
isn't that what I said? :P Hmmm, kinda sorta. :) <br />
<br />
You seemed to be talking about CSS boxes rather than table borders, especially given this little sentence, "if you are talking about borders on table then no you can't do that." However, I would concede it's all a matter of interpretation. :D<br />
<br />
Neil<!--content-->yeah it was a little vague.<br />
<br />
the border for the table "border=1" will not and never will be portioned out. it is all or nothing. now that link I gave talked about boxes, which in fact is the css you supplied, "border-right: 5px" that is all the box is.<br />
<br />
yup just a matter of interpretation. you just explained it a little better :D<!--content-->Originally posted by scoutt <br />
... you just explained it a little better :D That'd be a first. :)<br />
<br />
Neil<!--content-->
 
Back
Top