I'm an idiot!! Please help!

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

  1. #1
    I am new to the forum.. My brother used to use this forum alot and recommended you guys.. I am an insurance agent and I'm working on my website.. I think I am coding something wrong. The uncompleted first page is www.quotestx.com

    The error is on this page www.quotestx.com/quotes.html
    Here is the code that is messed up..
     
    joshril27, Aug 4, 2007 IP
  2. BlindCat

    BlindCat Banned

    Messages:
    415
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    0
    #2
    what exactly is ur problem? You want the quote box to be in a better position?
     
    BlindCat, Aug 4, 2007 IP
  3. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    yes... and it messes up the other images...
     
    joshril27, Aug 4, 2007 IP
  4. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If you look at the home page... you can see how the images are distorted.. thanks
     
    joshril27, Aug 4, 2007 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I don't see any distortion, using FireFox 1.5. Quote button sits right in the middle of the white space.
    Which images are you talking about? The photos don't look distorted. Do you mean the images covering the text?
    Your table system is really complex and it's hard to see what is where.
     
    Stomme poes, Aug 4, 2007 IP
  6. lukazs

    lukazs Well-Known Member

    Messages:
    583
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    125
    #6
    As I see he has worked out with his problem and everything look fine for me. (Firefox 2.0)
     
    lukazs, Aug 4, 2007 IP
  7. BlindCat

    BlindCat Banned

    Messages:
    415
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    0
    #7
    honestly ..the page looks fine here...
     
    BlindCat, Aug 4, 2007 IP
  8. nabiha

    nabiha Peon

    Messages:
    111
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Page looks fine. Can you upload screenshot and point an issues.
    Looks good to us.
     
    nabiha, Aug 4, 2007 IP
  9. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Compare the layout on www.quotestx.com to www.quotestx.com/quotes.html.

    For some reason the table with the java script is causing the picture of the guy blowing bubbles to moved down.. and that whole side moves down on the quotestx.com/quotes.html

    I cannot figure out where I have it coded wrong.

    Thanks!
     
    joshril27, Aug 4, 2007 IP
  10. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hmm.. I still cannot figure out where my code is wrong.. I am sure the javascript is messing it up. quotestx.com/quotes.html

    Thanks again!
     
    joshril27, Aug 4, 2007 IP
  11. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Whoa, the site looks completely different now.

    The footer bar is in the middle of the page and there's a paragraph partially hidden by the little menu... but this is not what it looked like last week!

    You got rid of the tables, good. But what Javascript are you talking about? Because what looks bad to me is positioning of the footer on the bottom.

    But a couple of your divs aren't closed </div> unless I'm missing them... and you have 9 html validation errors involving mostly your lists. I think you're also using lists where something else would work better.
     
    Stomme poes, Aug 5, 2007 IP
  12. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Yeah.. I changed the site up a bit and got rid of all the tables.. If you look at quotestx.com. everything looks fine. When I add the java script it goes to shit on the home page

    I also get the nine errors.. those should be fixed tomorrow, but they aren't causing the problems.. the </div> are closed.. just further down in the source code. Everything is great until I add that script! How do I fix this?
     
    joshril27, Aug 5, 2007 IP
  13. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #13
    It's not the javascript itself I think. Your js fill-in box is pushing everything down. We can't see your CSS but you need to stick that fill-in box in a div and position it side-by-side with the checklist "box" (no div needed, just assign a class or id to the ul).

    |---------------------------------|
    | |--------------| |-------------| |
    | | fill-in box- | | list o links| |
    | |__________| |_________| |
    |_______________________|

    In Fire Fox the bottom looks all messed up, but that's just positioning.
     
    Stomme poes, Aug 6, 2007 IP
  14. Xabber

    Xabber Active Member

    Messages:
    437
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #14
    http://www.quotestx.com/style.css

    There you go ^^,
     
    Xabber, Aug 6, 2007 IP
  15. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #15
    *smacks head.

    Thx Xabber. See, this explains my name (stom means "stupid" or "dumb" : )

    Edit: O my lord. That is unreadable! CSS is supposed to make things easier, not harder!
     
    Stomme poes, Aug 6, 2007 IP
  16. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #16
    To the <iframe>, add style="float: left;"

    And for <div id="bodyPanel">, add a child <div style="margin-left: 170px;">

    EDIT: may be easier to understand with an example:
    <div id="bodyPanel">
      <div style="margin-left: 170px;">
        <h2>About Us</h2>
        ...
        ...
      </div>
    </div>
    Code (markup):
     
    krt, Aug 6, 2007 IP
  17. RECEP

    RECEP Well-Known Member

    Messages:
    1,855
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    195
    #17
    yea l also couldnt fnd any problem.
     
    RECEP, Aug 6, 2007 IP
  18. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #18
    krt, Aug 6, 2007 IP
  19. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Ok.. I made the recommended adjustments to the code and it's still messed up... I am sorry I am so dense, but maybe if you could explain in a bit more detail. Thanks again!!!
     
    joshril27, Aug 6, 2007 IP
  20. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Ok.. I got fed up and just deleted everything but the quoting script on quotestx.com/quotes.html.

    I put some text on there and I want to add a line between that and the script but I can't get it to work. Any more suggestions would be appreciated.

    Thanks!
     
    joshril27, Aug 6, 2007 IP