Separating sidebar items using lines or boxes?

  • table4five

    (@table4five)


    18 years, 10 months ago

    My blog is Table for Five, running the 3K2 theme, with widgets. I would like to separate my sidebar items with dashed or dotted lines, or possibly put them in boxes, something so that they don’t all just run together. Could someone help me out with the CSS for that? A link to your site so I can see how it looks would be appreciated as well!

Viewing 4 replies - 1 through 4 (of 4 total)
  • joshuaisaac

    (@joshuaisaac)

    18 years, 10 months ago

    ul li {

border: 1px dotted #333;

}'

or

    .yourclass {

    border: 1px dotted #333;

    }`

    Two sites that use this:
    http://amiepowell.com
    http://joshuaisaac.com any

    whooami

    (@whooami)

    18 years, 10 months ago

    JoshuaIsaac,

    Not to thread hijack but if you happen to know the person behind amiepowell.com you might want to take a look at what itlooks like in ie6. The big images are causing the sidebar to drop in ie6

    Thread Starter table4five

    (@table4five)

    18 years, 10 months ago

    Thank you Joshua Isaac. I’m not exactly sure where in the stylesheet that goes, though. Here?

    .secondary ul li, .secondary ol li {
    margin: 0;
    padding: 1px 0;
    }

    .leftbar ul li, .leftbar ol li {
    margin: 0;
    padding: 1px 0;

    joshuaisaac

    (@joshuaisaac)

    18 years, 10 months ago

    Yes, like so…

    .secondary ul li, .secondary ol li {
margin: 0;
padding: 1px 0;
border: 1px dotted #333;
}

    Assuming that the .secondary class is that which the border should surround.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Separating sidebar items using lines or boxes?’ is closed to new replies.