Grow your CSS skills. Land your dream job.

help with my first wordpress theme…!!

  • # February 5, 2010 at 8:27 am

    Hi all,
    I am mighty pleased to have completed Chris’ fantastic tutorials and put together my own theme..based on his layout..but..
    what a sense of achievement!!
    There is a problem however with the menu nav/sidebar as it seems to be wrapping the entire width of the page-wrap.
    I am contemplating doing the tut again from scratch but would appreciate some help!!!
    the url is http://themetest.thecreativecube.com/

    thanks

    Marion

    # February 5, 2010 at 9:38 am

    Where the navigation should locate? On the sidebar or on the footer?

    From what I see, either you’re placing your navigation location wrongly or/and the sidebar CSS is wrong.

    # February 5, 2010 at 12:40 pm

    Hello..thanks for reading.
    yes, the nav is supposed to be on the side. It is in the sidebar…

    # February 5, 2010 at 1:38 pm

    There are several CSS inconsistencies.
    The sidebar is not closed properly in the css file

    Code:
    #side-bar {
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px

    You are missing } at the end.

    Code:
    #page-wrap {
    width: 1000px;
    margin: 0 0 0 370 ;
    margin-top: 208px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 272px;
    overflow: hidden;
    positon: relative;
    }

    I do not know what margins you want to give the #page-wrap – if you are writing in shorthand as per the long hand version
    it would be in the order
    (top) (right) (bottom) (left) i.e. margin: 208px 0 0 272px;
    the margin: 0 0 0 370 ; is probably not being picked up because you haven’t specified a unit of measurement – % px.

    In a rush, look at this first and check to see if you have other errors.

    # February 6, 2010 at 9:44 am

    thanks for your help..I tweaked the css around a bit…and am now coming to terms with the fact that I need to do about a bazillion more tutorials..
    css can be tricky even with css tricks…

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".