Support » Themes and Templates » border css problem – bit unclear

  • Resolved relequestual


    hi there. ive been tinkering with some css to get this theme for my blog sorted out. so far ive got almost everything to work, but i need a bit more help.
    see this image here…

    you can see the right hand border doesn’t go all the way down the page.
    Im a complete beginner with CSS. the left and right sidebar have the exact same php so it has to be the css. i can even find out where the right border for the left sidebar was defined.
    here is an extract of the css i have been playing with

    #sidebar h3 { color: #bd934f; margin: 10px 0 5px; font-variant: small-caps; }
    #sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430;}
    #sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
    #sidebar li:hover { background: #363430; }
    .leftbar{float:left;width:200px;margin:0;padding:0 10px; overflow:hidden;}
    .rightbar{float:right;width:200px;margin:0;padding:0 10px; overflow:hidden; border-right: 1px solid #363430;}

    ill upload the whole css file here

    any css experts around?
    Ive slogged it out all day yesterday and most of today so far to get this theme working
    any help, pointers, suggestions (other than ditch the theme) are welcome. I managed to make both bars widget aware and added a 2nd sidebar. prior to yesterday i knew no css or php.

    help solving this problem will warren a free lagal styleXP key for those resposible


Viewing 6 replies - 1 through 6 (of 6 total)
  • That doesn’t work like that. We don’t need you to post css. We need the live install’s link with its code; images don’t help. (We have the tools to see the CSS: try Firefox with Dev Toolbar and you could change the css on the fly and experiment with your site).

    Actually that border issue is way more complicated than you’d think. Normally, it is only as long as the content in your sidebar is…

    im currently running it off a local server as i want to make sure i can get it all to work before uploading online. i shall have to give that a go. ive been editing the css and saving and then refreshing the page.

    oh dear, more complicated?
    hum, so how was it done for the other sidebar then? can you point me to a guide or some such that can explain how thats done?
    im guessing its not css?

    It is CSS, of course: it is a background image. That’s the only way to do it.
    If you want, you can google for “faux columns” – that’s how the technique is called.

    thanks ill give it a good read. least i know what im looking for now =D
    if i have any more problems ill post again here

    thanks for the pointer. i so googled it and worked out how it worked and opened up photoshop and sorted it out. Thanks a billion moshu.
    Do you want a free styleXP key?

    What’s that?
    (btw, we don’t help here to get rewarded…)

    Glad you sorted it out.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘border css problem – bit unclear’ is closed to new replies.