I'm an idiot!! Please help!

Discussion in 'HTML & Website Design' started by joshril27, Aug 4, 2007.

  1. gwkg

    gwkg Peon

    Messages:
    143
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #21
    A line or some space?

    You are adding more <div> tags than needed. Your words should be in a <p> tag not a <div> and if you want space between that and the form simply add bottom margin or padding with css. padding-bottom:12px;

    You should also get in the habit of declaring widths on your <p> and <div> tags that you want to position.

    Add style="border:1px solid black;" (or red or blue or green or whatever) to any div you are having trouble with to see the positioning and you will see what is happening better.

    Or better yet, install the web developer add-in for Firefox. You can choose 'Outline Block Level Elements' and it will help you understand what is going on with your layout. Your box model is all over the place on that page.

    That plugin also lets you edit css and html on the fly and see the result in the browser.
     
    gwkg, Aug 6, 2007 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #22
    The problem isn't that you're dense or stupid, Josh. Everyone can tell you "Just add this in CSS" all they want, but your CSS page is unreadable. It's a huge mess of wtf. What program did you write this in? Your HTML is readable (what gwkg said is correct, just make some small changes there and don't get a case of div-itis) but you can't work with that CSS.

    First simplify your divs. Give each of the ones you keep an id name (div id="whatever") that describes what it is (div id="bigshinybuttons" or whatever... and remember that a particular id can only be used once). In your CSS, start out with body (the one big unnamed div that is the entire page) and list the background color (#ffffff), margins and padding 0. Then for each of the other divs, give them a color, image if they have one, fonts and sizes and all that jazz, whatever you want. List in there also your image replacements on mouseover.

    I think it would be MUCH easier to erase not your page but your css stylesheet and start over from scratch... you will have a much simpler page, and it will be easier to see what goes wrong and when.

    The problem again is not the js, if you mean you don't like the positioning of stuff on your page-- the js is just to let people fill in the funky quote box. The js should only affect that box, not its positioning or anything else.

    But as it is now, you can't simply add padding and borders to stuff on your page, because you can't find where anything is in your stylesheet. This looks like it was made by some sort of template machine thing... human unreadable. It repeats itself waaaaay too much. It's NOT you being stupid-- anyone would have trouble with that css page.
     
    Stomme poes, Aug 7, 2007 IP
  3. calbertdyer

    calbertdyer Banned

    Messages:
    219
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #23
    good luck yo, you need it :D
     
    calbertdyer, Aug 7, 2007 IP