weird things happen to the wrapper when I change the sidebar

  • Hi

    I am very much new to wordpress, and to programming altogether.

    I was following this tutorial:
    https://www.webhostingsearch.com/articles/create-your-own-wordpress-theme-tutorial.php

    my testing page is:

    https://www.pagesonceblank.com/

    after I finished, i fudged some things in the style.css, to get my sidebar to the right of the wrapper.

    Then I killed the blogroll part of the sidebar, which I do not need for the moment.

    Now I am tinkering with the sidebar, trying a) to remove the dots, especially the dot on top of everything and b)to get the sidebar closer to the wrapper.

    I do not Know yet what to try for b) but tinkering with the settings of the sidebar had really weird things happen. When I delete the
    line “display: inline;    ” or when i changed the margin from : 0 0 0 10px;
    to 0 0 0 0, my Wrapper went downwards by some 10 to 30 px

    What happens there?

    here is the content of my style.css:

    [CSS code moderated – a link to your site is sufficient to access the styles]

    thanks a lot!

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

  • There are a lot of strange things and errors in your html and CSS code, but to answer a few of your questions: the “dots” are because the sidebar content is a “list” and there is no CSS styling removing the dots — which are a list default. Looks like there are some html code problems with the lists in the sidebar too.

    You can move the sidebar over by changing the “right: 0;” to something other than zero (try 35px or so) under .sidebar on line 55.

    BTW, you really can’t use “float” and absolute positioning in the same place — they are basically both positioning methods/styles and won’t both work at the same time — so in fact, float is not doing anything anyway.

    You might want to read Validating a website — as that would help you identify problems in your site.

    When I validated your site, the CSS validator said there is no stylesheet — so you may have a problem with the way it is linked to your page.

    Hope that helps some.

    Thread Starter Phaederkiel

    (@phaederkiel)

    oof. I hoped that using a tutorial would give me some understanding, not increase my worries further…

    can you tell me a good tutorial to learn from?

    Thank you for your clarification on float and absolute positioning.

    Does anyone has any idea why the wrapper changes its place when i change things in the sidebar?

    Try:
    CSS Tutorials
    Learning CSS

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘weird things happen to the wrapper when I change the sidebar’ is closed to new replies.