Re: Columns or Table help needed with code...

by "Martin Clifford" <MLC1(at)nrc.gov>

 Date:  Tue, 07 May 2002 08:28:33 -0400
 To:  <bert(at)betterwebdesign.com.au>,
<hwg-basics(at)hwg.org>,
<bdoorn(at)iprimus.com.au>
  todo: View Thread, Original
I agree with Bert's method of using CSS to define either the border-right =
or the border-left properties, it would definately be the easiest.  =
However, if you are deadset on using an image for the line, just create a =
spacer image (1px by 1px) of whatever color you want, then set it up like =
so.

<table width=3D200 border=3D0 cellpadding=3D0 cellspacing=3D0>
  <tr>
    <td width=3D99 valign=3Dtop>
      First column's content here
    </td>
    <td width=3D2>
    <img src=3D"blue_spacer.gif" width=3D2 height=3D100%>
    </td>
    <td width=3D99 valign=3Dtop>
      Second columns content here
    </td>
  </tr>
</table>

As I said before, CSS is the better method (for practically EVERY design =
implementation) and you won't have to deal with an image loading (even if =
it is a 16 byte spacer).  Hope this helps!

Martin

>>> bdoorn(at)iprimus.com.au 05/07/02 05:05AM >>>
> Hi.  I'm brand new to this list - yours was my first message!  I found
some
> code awhile ago that makes a vertical line.  Here it is:

You could also do it with CSS.  Given you are using tables (on the Coach
Maria site), all you need to do is to set the right (or left, as
appropriate) border on the cell or cells that need the vertical rule next =
to
them.

Something like this: <.td style=3D"border-right: 2px solid red"> etc

If you have multiple cells to which you want to apply this, set up a css
class:

.RightRule { border-right: 2px solid red }

And in the HTML:

<.td class=3D"RightRule">etc

HTH
--
Bert Doorn, Web Developer
CIW Associate, IWA Member
www.betterwebdesign.com.au=20
Fast Loading, User Friendly Websites

HTML Guild: hwg-basics mailing list archives, maintained by Web Professionals @ IWA