My coding isn't working

Discussion in 'Scripts, 3rd Party Apps, and Programming' started by 0piper0halliwell0, Oct 28, 2009.

  1. 0piper0halliwell0

    0piper0halliwell0 New Member

    I'm trying to set up my pages in the Site Builder but, it won't take my coding. I admit, I am only used to Webs HTML Site Builder and Neopets strict rules (Yes, Neopets), and I can't seem to set up my website because my style HTML isn't working.

    My website

    Anybody give me any tips at all?

    Here's an example of what I'm doing:
    Also, I can't seem to find the Forum rules so I don't know if I'm posting this in the right forum section.
    Last edited: Oct 28, 2009
  2. Mr. DOS

    Mr. DOS Member

    You're putting your CSS in a place where it doesn't belong, and that's why it's not doing anything. I don't know if your monitor's wide enough to see it, but it's actually just displaying as text to the right side of the image. Your HTML should look more like this:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Neopian Ability - We're just another graphics site</title>
    <link href="cms_style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    A:link{COLOR:FAD772; TEXT-DECORATION: italic;font-size:8px cursive }
    A:visited{COLOR:FAD772; TEXT-DECORATION:bold,UNDERLINE ;font-size:8px comic sans ms}
    A:HOVER {COLOR:FAD772; TEXT-DECORATION:UNDERLINE;font-size:8px; space:4px comic sans ms}
    body {background:url("http://i38.tinypic.com/11t50t1.jpg");}
    #textbox1{ position:absolute; top: 720px; left: 220px; height: 260px; width: 440px; overflow:auto; }
    #textbox2{ position:absolute; top: 730px; left: 48px; height: 250px; width: 90px; overflow:auto; }
    td,p{ color:##FAD7EF; font:12px comic sans ms; letter-spacing:1px; }
    h3{ color:#ECA5E8; font:15px comic sans ms; border-bottom: 6px solid #FAD7EF; border-top: 6px solid #FAD772; }
    h4{ border-bottom: 4px solid #FAD7EF; border-top: 4px double #B700FF; }
    </style>
    </head>
    <body>
    <img style="position: absolute; left: 0px; top: 0px; height: 617px; width: 998px;" src="http://i33.tinypic.com/30sytxd.jpg" border="0px" alt="" />
    </body>
    </html>
    See how I've put the CSS in a style tag in the head? That tells the browser to interpret those CSS rules and apply them to the page.

    I see a couple problems with your CSS, but we'll wait until you get it working to sort those out.

    --- Mr. DOS
    • Like Like x 1
  3. 0piper0halliwell0

    0piper0halliwell0 New Member

    Thank you very much, I know I have a lot of problems with it because Neopets is just something for beginners, and it has strict rules.

    I'll work on my CSS and HTML, thanks for the tips!
  4. garrettroyce

    garrettroyce Generally Helpful Member Community Support

    http://w3schools.com is one of the best site from which you can learn any web programming language.
  5. 0piper0halliwell0

    0piper0halliwell0 New Member

    Wouldn't work anyway, the trouble is with my abilities to handle site builders like this.

    EDIT:
    It's still not showing my text.
    I'm doing this:
    Adding my style css in the template, and just adding the div id's in the page itself.
    Last edited: Oct 29, 2009
  6. garrettroyce

    garrettroyce Generally Helpful Member Community Support

    It also has HTML and CSS, not just programming, I should have used better wording :D
  7. 0piper0halliwell0

    0piper0halliwell0 New Member

    I know.
    Edit:
    Even if I put in my style CSS, none of my text is showing on the homepage.
    Last edited: Oct 29, 2009
  8. Mr. DOS

    Mr. DOS Member

    It looks like your CSS is working. What text are you seeing? The only content I see in the page body is an image. Is content just not appearing when you add it? It's possible that it's being hidden underneath the absolutely-positioned image. You can position the image normally and get the same effect by setting the body margin to 0:
    HTML:
    body {
    margin: 0;
    }
    and letting the browser figure out how to place the image:
    HTML:
    <img src="http://i33.tinypic.com/30sytxd.jpg" border="0px">
    BTW, as a rule, it's generally best not to place style information into an element's tag - put as much into the CSS declaration in the head or in an external file as possible.

    --- Mr. DOS
  9. descalzo

    descalzo Grim Squeaker Community Support

    What text?

    HTML:
    <body>
    <img style="position: absolute; left: 0px; top: 0px; height: 617px; width: 998px;" src="http://i33.tinypic.com/30sytxd.jpg" border="0px">
     
    </body>
    
  10. 0piper0halliwell0

    0piper0halliwell0 New Member

    The text is hidden for some reason, I have no idea why when you look in the Page source.


    I just tried the margin, it just messed up my image, so now I have to go back to the position absolute.
    Last edited: Oct 30, 2009
  11. Mr. DOS

    Mr. DOS Member

    If it's not in the source, and there's no other files adding it in later (e.g., JavaScript), then it's not there, period. Are you sure you saved/published the file after you added the text?

    --- Mr. DOS
  12. 0piper0halliwell0

    0piper0halliwell0 New Member

    Here's what I did:
    I put up my template (the codes), then I went to Homepage and put in the text I want along with the div id's.
  13. Mr. DOS

    Mr. DOS Member

    Assuming this is the SiteReptile Website Builder we're talking about... have you made sure to put
    Code:
    {%content%}
    in the template where you want your page content?

    --- Mr. DOS

Share This Page