CSS and BORDERS

[phatening]

The following code is supposed to produce a right border thats a black solid line. But it becomes a dotted black line because the border top and bottom is red. Is there anyway around this? Thanks for any help.

<dl>
<dt style="border-right: 2px solid black;">Header</dt>

<dd style="border-right: 2px solid black; border-top:1px solid red; border-bottom:1px solid red;">item</dd>

<dd style="border-right: 2px solid black; border-top:1px solid red; border-bottom:1px solid red;">item</dd>
</dl>

 

[BillyRayPreachersSon]

You can put a div inside the DD elements for the red border.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ChrisHunt]

Try this:

<dl style="border-right: 2px solid black;">
  <dt>Header</dt>
  <dd style="border-top:1px solid red; border-bottom:1px solid red;">item</dd>
  <dd style="border-top:1px solid red; border-bottom:1px solid red;">item</dd>
</dl>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd