WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] border css problem - bit unclear (7 posts)

  1. relequestual
    Member
    Posted 6 years 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...
    http://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
    http://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

  2. moshu
    Member
    Posted 6 years ago #

    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...

  3. relequestual
    Member
    Posted 6 years ago #

    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?

  4. moshu
    Member
    Posted 6 years ago #

    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.

  5. relequestual
    Member
    Posted 6 years ago #

    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

  6. relequestual
    Member
    Posted 6 years ago #

    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?

  7. moshu
    Member
    Posted 6 years ago #

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

    Glad you sorted it out.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.