spacing problem

  • Hey guys,

    learning a lot of css, but having a few issues. I can’t figure this out:

    on blogeditor.net — The left sidebar box, why is there a small space between the curved top border and the side lines…. Any thoughts… esmc? Your my man!…

    Thanks all!

    Sam

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

  • Try editing the custom stylesheet and remove the left & right padding on .samscontentholder:

    .samscontentholder {
background:url(images/blog_top.jpg) no-repeat 100% 0;
margin-right:2em;
margin-top:2em;
padding-left:3em;
padding-right:6em;
}

    to

    .samscontentholder {
background:url(images/blog_top.jpg) no-repeat 100% 0;
margin-right:2em;
margin-top:2em;
}
    Thread Starter samueldiener

    (@samueldiener)

    Esmi – no go. I have no idea where this is comin from…

    Weird. It worked for me in Firebug. You’ve got a call to blog_left.jpg in .samscontentholder .sideleft at the moment but image path is wrong. It should be images/blog_left.jpg.

    .samscontentholder .sideleft {
background:url(images/blog_left.jpg) repeat-y left 5em;
left:1.4em;
margin-top:2em;
position:relative;
top:0.3em;
}

    You could adjust the image url in .samscontentholder .sideright to match whilst you’re in there.

    Thread Starter samueldiener

    (@samueldiener)

    ESMI – I resolved it. Actually feels good to figure something like this out seeing as I didn’t know CSS before I started…..

    In any case…. solution was changing the html to use a background: as opposed to an img. I needed to change the height of the element too.

    Code was….

    echo ‘<div style=”height:24px; background:url(/wp-content/themes/thesis/custom/images/blogside_top.jpg);”> </div>’ ;}

    BTW – how do all of the borders around the elements line up for you?

    Looking good in FF3.5/WinXP. Slight issue with Sidebar 2. The background light grey is visible on the far right of the sidebar top and right edge. At the foot of the page, the Previous/Next links are escaping out of the white content area.

    IE8, unfortunately, is having problems with pretty much all of the images except the border images. ?? Could that be the image urls again?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘spacing problem’ is closed to new replies.