Help please, CSS problem!

  • JasonGW

    (@jasongw)


    17 years, 6 months ago

    I’m running a WordPress 2.6 site, and have been working on a customized theme for a few days. I’ve got some of it working right, but not all of it, and I’m about to pull my own head off, which is bound to be messy.

    I started with three-col-kubrick as a base, and replaced the header with my own fancy version. I also replaced the centered background, which so far works well. However, I am trying to adapt my posts to use a 3 piece graphical set as their background (currently working with images modified from the Photo-frame theme as a starting point, which I intend to fully replace later once I’ve gotten this working properly), and though this appears to be working now, there seems to be at the top and bottom some additional repeats of the 467×1 background image outside the boundaries of each post, which of course looks terrible and is overlapping the transparent edges of the top and bottom.

    In addition, for some reason the sidebars (2 of them, on the right) are now appearing under the main content area instead of to the right, and I have no idea why.

    Any help would be gratefully appreciated! I’m posting code here! The CSS file is a bit messy yet as I’ve used bits and pieces from different places and have also modified positions and such to fit my style a bit better.

    CSS File:

    [Moderated: Too much code. Please consider placing the code in a text file on your site with a link here -or- use a pastebin service such as http://wordpress.pastebin.ca. Thanks!]

Viewing 2 replies - 1 through 2 (of 2 total)
  • csleh

    (@csleh)

    17 years, 6 months ago

    Try using Firefox browser and install the firebug extension. Then you can view the page, make changes to the css until it looks good, then copy the code to paste in your stylesheet.

    background images: is there a no-repeat declaration?
    Sidebars: sounds like a float issue. Try changing the width and see what happens. Remember, browsers (well, ie) don’t like the measurements to add up to 100% of containter width.

    Also, some users won’t have images turned on so make sure the background of the areas with photos is set to keep the type legible.

    jberghem

    (@jberghem)

    17 years, 6 months ago

    if you have the theme running on a test server (online) send a link so we can see for ourselves (I like the holistic approach)

    Tips I can give you:
    If you’re having problems with layout, first validate the (X)HTML ( http://validator.w3.org/ ). A missing close tag for example can really mess things up with the layout, even though it’s done with CSS.

    Make sure that you don’t have a conflicting line of code further down in your CSS file. Kubrick often has more than one instance of the same selector so double check. (move your code to the bottom of the file and add !important to check for conflicts)

    Be careful not too make your general or global styles too specific. You’ll have problems when you want to style something specific later on.

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

The topic ‘Help please, CSS problem!’ is closed to new replies.