border css problem – bit unclear

  • Resolved relequestual

    (@relequestual)


    17 years, 4 months ago

    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…
    https://appaholic.files.wordpress.com/2007/10/problem-image.png

    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
    https://appaholic.wordpress.com/home/

    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

    thanks

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…

    Thread Starter relequestual

    (@relequestual)

    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.

    Thread Starter relequestual

    (@relequestual)

    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

    Thread Starter relequestual

    (@relequestual)

    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.