My coding isn't working

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
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:
<img style="position: absolute; left: 0px; top: 0px; height: 617px; width: 998px;" src="http://i33.tinypic.com/30sytxd.jpg" border="0px" alt="" /> A:link{COLOR:FAD772; TEXT-DECORATION: italic;font-size:8px cursive }

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:

Mr. DOS

Member
Messages
230
Reaction score
5
Points
18
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
 

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
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!
 

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
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:

garrettroyce

Community Support
Community Support
Messages
5,611
Reaction score
249
Points
63
It also has HTML and CSS, not just programming, I should have used better wording :D
 

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
I know.
Edit:
Even if I put in my style CSS, none of my text is showing on the homepage.
 
Last edited:

Mr. DOS

Member
Messages
230
Reaction score
5
Points
18
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
 

descalzo

Grim Squeaker
Community Support
Messages
9,373
Reaction score
326
Points
83
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>
 

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
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>

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:

Mr. DOS

Member
Messages
230
Reaction score
5
Points
18
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
 

0piper0halliwell0

New Member
Messages
9
Reaction score
0
Points
0
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.
 

Mr. DOS

Member
Messages
230
Reaction score
5
Points
18
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
 
Top