Border images around content area.

  • Resolved naviathan

    (@naviathan)


    13 years, 6 months ago

    I’m trying to place a wood grain border around my content area on a wordpress blog I’m setting up for my wife. For the life of me I can’t seem to find a decent way of doing this. There’s some new CSS3 tags for border-image that are suppose to make this easier, but so far I haven’t been able to get anything to work. The offending blog is here: https://alli-art.com and the area I want the border images is where it’s currently got a black border around a canvas material background. Any help is greatly appreciated.

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

  • Add a wrapper div around the content area with a small padding and then add a wood background to the wrapper.

    Thread Starter naviathan

    (@naviathan)

    Pardon my ignorance, I’m still learning. I understand what a div is and I assume a wrapper div would be a div that opens and closes before and after the content area respectively and of course I’d have to use something like <div id=contWrapper> to give CSS something to style, but I don’t know where to find the content area. My template is based off of the twentyten template if that helps. There’s so many files associated with these templates and half the time I can’t figure out where the html is beyond all the php in them.

    Thread Starter naviathan

    (@naviathan)

    Ok I have this sort of figured out. I added a wrapper around my content area, gave it a 10px padding, adjusted some margin issues between the content area and the wrapper and now it looks perfect…in Dreamweaver and Chrome. For some reason, IE 9 and Firefox 4 are displaying a larger bottom margin than Dreamweaver and Chrome are showing. What am I missing here?

    Thread Starter naviathan

    (@naviathan)

    Not sure why, but I had to pad the bottom of the content area to get the content areas background to match up with the content wrapper so the border looks even.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Border images around content area.’ is closed to new replies.