Originally posted by cdxrevvved
Basically to align the content in the left & right clumns on the following page:
You mean like the links "Most popular items" on the right side?
One link on one color and the next on a nother background color?
I'd probably use a list for that.
Eg start with something like
<dl id="right_column">
<dt>Most Popular Items</dt>
<dd></dd>
<dt>Item Spotlight</dt>
<dd></dd>
<dt>Our Newest Items<dt>
<dd></dd>
<dt>SPECIALS!</dt>
<dd></dd>
</dl>
In the <dd></dd> section you can then add your links eg like this
a)
<a class="even"></a>
<span> | </span>
<a class="odd"></a>
<span> | </span>
<a class="even"></a>
<span> | </span> etc...
or
b)
<ul>
<li class="even">Link</li>
<li class="odd">Link</li>
<li class="even">Link</li>
</ul>
Option B I assume is selfexplanatory, but A could use some CSS to go with it
dd span {display:none;}
dd a {display:block}
dd a.odd {}
dd a.even {}
The difference of A and B is how they display in a webbrowser that does NOT understand (visual) CSS.
A creates a horizontal list while B creates a vertical.
For option A a good idea is probably also to provide the following rule in an aural stylesheet
dd span {display:inline;}
This will make it easier for eg a blind person to differentiate between 2 links next to each other since they are separated with a |