How do I add a left sidebar?

  • I’m creating a theme (based on MistyLook) for my own use that has a container with a right sidebar. I’d like to create a sidebar to the left of this that will be used exclusively to list links to audiobook sound files, with a calendar on top of it. Ideally I’d like it to be a sidebar that sits outside on the left. At the moment, I’m lost.

    It’s here: https://blog.drakesdoor.org/

    Much thanks to anyone who might give a hint.

Viewing 1 replies (of 1 total)

  • Do you know about classing and floating div layers? If so, create a new div layer, class it “sidebar” and in your CSS you add left float to whatever other styles you want.

    div#sidebar{
    float:left;
    }

    This will work providing your content div is being floated RIGHT. I suggest you make a “wrapper” div:

    div#wrapper{
    width:SIDEBAR+CONTENTSWIDTHpx;
    }

    and hedge your divs as so:

    <div id="wrapper">
    <div id="sidebar">
    Links</div>
    <div id="content">
    Content
    </div></div>

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘How do I add a left sidebar?’ is closed to new replies.

Tags