WordPress.org

Ready to get started?Download WordPress

Forums

3 col theme for review please (25 posts)

  1. Darcie
    Member
    Posted 8 years ago #

    I will only leave it up for a day or so,
    but here is a 3 col layout I have been working on. Its called Madness.

    And I would like some feedback please.

    I already have two issues:

    One is critical.... the divs are not wrapping correctly and throwing my sidebar down under the blog in Opera. In IE6 it looks great.

    The second which is not to important, but I cannot get the Title and description of the blog larger than the body font. So I disabled it.

    I would also like to disable the blue links around the images in my sidebar at some point.

  2. Darcie
    Member
    Posted 8 years ago #

    http://swatchnot.hender-son-s.com/blog/

    just in case you did not know all you have to do is click my name on the right. : ) Thanks

  3. moshu
    Member
    Posted 8 years ago #

    3 column? I see only one :)
    ah, both sidebars are down in FireFox.

  4. GadgetGuru
    Member
    Posted 8 years ago #

    Yeah, viewing in Firefox, your sidebars are displayed inline at the bottom of the content column. Maybe needs some "div" help...

  5. Darcie
    Member
    Posted 8 years ago #

    yep you see... ideas?

  6. moshu
    Member
    Posted 8 years ago #

    For starters... try not to have 2 doctype (and head and body etc.) in a single file.
    Then try to validate it.
    If it still doesn't work - we'll try to figure it out.

  7. Darcie
    Member
    Posted 8 years ago #

    THANKS, I took the 2 doctype out, and in OPERA it WORKS!!!!!

    Can someone check Firefox for me, I do not have that browser.

  8. adjustafresh
    Member
    Posted 8 years ago #

  9. Darcie
    Member
    Posted 8 years ago #

    CSS validated at the moment. Fixed DIV wrap, which I had placed in header.php and moved it to Index.php. Fixed most of the other issues. I will download Firefox tonite.

    I would be happy with anymore comments and suggestions please.

    http://swatchnot.hender-son-s.com/blog

  10. moshu
    Member
    Posted 8 years ago #

    Sorry, to bring the bad news: it looks the same as yesterday. And the XHTML is not validating at all; what's worse: you removed the doctype from the top of the file.

  11. adjustafresh
    Member
    Posted 8 years ago #

    Your code needs some serious attention.

    There is an element: <div id="madnessDIV"> placed in your code BEFORE the <head> tag. You have no <html> tag and no DOCTYPE. You are closing a div, </div> AFTER your closing </html> tag.

    Oh wait... I found your DOCTYPE, <html> and <head> tags in the middle of the page. Yikes!

    At least your CSS is valid.

  12. Darcie
    Member
    Posted 8 years ago #

    Stupid me thought thats what you meant by 2 doctype and I removed it.

    Yeah I know its not validating XHTML. Let me put the doctype back in and see from there.

  13. Darcie
    Member
    Posted 8 years ago #

    OK I put it back in. viola

  14. moshu
    Member
    Posted 8 years ago #

    But you have another one way down in the left sidebar... where calling for some "WIP-ersnappers" thingy :) THAT's the problem!

  15. Darcie
    Member
    Posted 8 years ago #

    LOL I took out my Include file. Now its only 75 more errors to go.

  16. Darcie
    Member
    Posted 8 years ago #

    43 errors to go

  17. moshu
    Member
    Posted 8 years ago #

  18. Darcie
    Member
    Posted 8 years ago #

    Failed validation, 24 errors

    Better now, All the errors are inside my postings. To clean them up, I have to go in and re-edit every single one? Thanks for all your help Moshu and Adjustafish and Gadget.

    I learned something VERY IMPORTANT today, I was closing divs when I should not have been. When I want to wrap a div around the header, index and footer. I was placing the div in the index and closing it, should have been opened in the head and closed in the footer, correct?

    I would also like to now how to include my Wippersnappers php file into the sidebar.

    As far as the DOC stuff, I think it had alot to do with the div prob and the Wippersnappers opening inside the file itslef.

  19. moshu
    Member
    Posted 8 years ago #

    should have been opened in the head and closed in the footer, correct?
    Probably, if you want everything to be included in it.
    Here is a very basic visual sketch of the structure of a theme.

    I took a closer look at the source and CSS. This layout will never work as intended. You'd be better off to take a working 3 column theme/layout and work from that one: modify it to your liking.

  20. dermarki
    Member
    Posted 8 years ago #

    After the few lines of the second and third cols, your page looks really empty! Just put those two cols together.

  21. Darcie
    Member
    Posted 8 years ago #

    Demarki, I was just trying to design a 3-column.
    I actually want to add static pictures to one of the columns when I am finished getting it to stick together.

    I have a template I like that it 2 col already that I will be switching back to anyday.

  22. Darcie
    Member
    Posted 8 years ago #

    I am persisting.

    I have Valid CSS, Valid XHTML 1.0,
    I added Float right to
    #madnessholder which holds the 2 sidebars, to the right of my main content.

    Downloaded Firefox, looks perfect,
    Opera looks perfect,
    IE6 looks perfect,

  23. Darcie
    Member
    Posted 8 years ago #

    next tackle please

  24. adjustafresh
    Member
    Posted 8 years ago #

    Way to go Darcie. You are certainly very persistent. Looks much better!

    P.S. Don't let the validation Nazis get to you. Valid XHTML is a great goal, but it's not the be-all and end-all of creating websites. Check out this post regarding validation:

    http://www.mikeindustries.com/blog/archive/2004/06/march-to-your-own-standard

  25. Darcie
    Member
    Posted 8 years ago #

    Thanks! Thats site is of my own thinking. I want to be a groupie! LOL.

    But I have to admit, realistically I had to be validated in order to get those two columns up where I wanted them. Getting all those stupid errors out of my way so I could clearly see where the problem was.

    I found the answer before I found the resource, so to speak. Floating & DIVS in my layout is the Norm shall we say.

    http://css-discuss.incutio.com/?page=GalleryFloat
    http://www.redmelon.net/tstme/3colfixed/
    http://css-discuss.incutio.com/?page=ClearingSpace

    I will be exploring these sites in future use. Right now I do not have any DIVS set to CLEAR, Do I really need to apply Float Clear??

    Who would know the answer to that one. The sites I have here are for IE5 testing, Many of us are on IE6 now. Don't you think?

    TATA for now... I am going to spiffy the site up with the rest of the design I planned. :)

Topic Closed

This topic has been closed to new replies.

About this Topic