<!DOCTYPE HTML PUBLIC "-//WC3//DTD HTML 4.01//EN" "http://www.w3.org/TR/html14/strict.dtd">
<HTML lang="en">
<head>
<meta name="description" content="Writing Club for Kids, Kids Writing Club, writing, writing contests">
<meta name="keywords" content="kids writing club, writing club, kids writing, writing forum, kids forum, writing, critiques, writing critiques">
<title>Happy Halloween!</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background: url('notebook.GIF') top left repeat-y;
padding-left: 135px;
background-attachment: fixed
}
</style>
<style type="text/css">
p {text-align: center}
p2 {text-align: left}
</style>
<style type="text/css">
A:link { text-decoration: none; color:#ff8c00; }
A:visited { text-decoration: none; color:#808080; }
A:hover { text-decoration: none; color:#000000; }
</style>
<script type="text/javascript">
<!-- Begin Image Mouseover Code
image0 = new Image();
image0.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"kidswritingclubleavesmouse.GIF";
image1 = new Image();
image1.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleaveshomeblur.GIF";
image2 = new Image();
image2.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesforumblur.GIF";
image3 = new Image();
image3.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavescontestblur.GIF";
image4 = new Image();
image4.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesfaqblur.GIF";
image5 = new Image();
image5.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesaffiliatesblur.GIF";
image6 = new Image();
image6.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesaboutblur.GIF";
image7 = new Image();
image7.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavescontactblur.GIF";
// end Image Mouseover Code-->
</script>
</head>
<body>
<br>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" onmouseover="image0.src='kidswritingclubleavesmouse.GIF';" onmouseout="image0.src='http://www.webdeveloper.com/forum/archive/index.php/kidswritingclubleavestwo.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"kidswritingclubleavestwo.GIF" name="image0" border="0"></a></p>
<marquee scrollamount="2"><font face="Chiller" color="darkorange" size="4">*The website is currently experiencing some problems. We are in the process of re-uploading the website. Sorry for the wait!*Welcome to the Kids Writing Club! Have a Happy Halloween! Support the KWC by being active on the forums.</font></marquee>
<hr><p><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" onmouseover="image1.src='buttonleaveshomeblur.GIF';" onmouseout="image1.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleaveshome.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleaveshome.GIF" name="image1" border="0"></a> <a href="http://forum.kidswritingclub.com" onmouseover="image2.src='buttonleavesforumblur.GIF';" onmouseout="image2.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesforum.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesforum.GIF" border="0" name="image2"> <a href="contest.html" onmouseover="image3.src='buttonleavescontestblur.GIF';" onmouseout="image3.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavescontest.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavescontest.GIF" name="image3" border="0"></a> <a href="faq.html" onmouseover="image4.src='buttonleavesfaqblur.GIF';" onmouseout="image4.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesfaq.GIF';" style="cursor:help"><img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesfaq.GIF" name="image4"></a> <a href="affiliates.html" onmouseover="image5.src='buttonleavesaffiliatesblur.GIF';" onmouseout="image5.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesaffiliates.GIF';"><img name="image5" border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesaffiliates.GIF"></a> <a href="about.html" onmouseover="image6.src='buttonleavesaboutblur.GIF';" onmouseout="image6.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesabout.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesabout.GIF" name="image6" border="0"></a> <a href="contact.html" onmouseover="image7.src='buttonleavescontactblur.GIF';" onmouseout="image7.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavescontact.GIF';"><img border="0" name="image7" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavescontact.GIF"></a></p>
<hr>
<p><font face="Trebuchet MS" size="2">Welcome to the Kids Writing Club, "A step toward making a dream a reality..."</font></p>
<h2><font face="Chiller" color="darkorange">Happy Halloween</font></h3>
<p2><font face="Trebuchet MS" size="2">Welcome to the Kids Writing Club! Click on the buttons above to go to otherpages, or read the brief description of KWC below if it's your first time here.</font></p2><br><br>
<h2><font face="Chiller" color="darkorange">Welcome Newcomers</font></h3>
<p2><font face="Trebuchet MS" size="2">We hope that you enjoy your time here ate KWC! Our community offers contests, writing critiques, new friends, and a lot of fun! There is a large message board with thousands of posts and hundreds of members that you can register at to become an official club member. (If you have any questions regarding registering, please visit the Information page.) &nsbp;The club is for those who are aged 10 to 18, but you may be younger/older as long as you behave. The Kids Writing Club is over a year old, has dedicated staff, and is a great place for kids to express themselves.</font></p2>
</body>
</html>
What did I do wrong? What is wrong with my images and background? Am I doing the paragraphs and header correctly?
Any help would be much appreciated!here is a site to check for HTML errors: <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
also, what is the complete url for the images, i can mess around with the html and see if i can get the images to come upHi -
In your javascript, you've got an uppercase file extension -
is that how you've named the files? If they're in a folder [the images] -
are you sure you have the correct paths to them in your code?
Also - why break up the css into 3-4 different sections? Try stating the background like this: background:white url("pathtoimage/imagename.ext") repeat fixed 0% 0%; using a double quote instead of single - and if you don't want it fixed [content scrolls over it], then take that out w/ just a space between repeat and 0%...
Are you at least getting the red x?
Good luck,
ElXD I feel really smart now... it was the uppercase extensions that messed it up. Thanks for your help ^_^
<HTML lang="en">
<head>
<meta name="description" content="Writing Club for Kids, Kids Writing Club, writing, writing contests">
<meta name="keywords" content="kids writing club, writing club, kids writing, writing forum, kids forum, writing, critiques, writing critiques">
<title>Happy Halloween!</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background: url('notebook.GIF') top left repeat-y;
padding-left: 135px;
background-attachment: fixed
}
</style>
<style type="text/css">
p {text-align: center}
p2 {text-align: left}
</style>
<style type="text/css">
A:link { text-decoration: none; color:#ff8c00; }
A:visited { text-decoration: none; color:#808080; }
A:hover { text-decoration: none; color:#000000; }
</style>
<script type="text/javascript">
<!-- Begin Image Mouseover Code
image0 = new Image();
image0.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"kidswritingclubleavesmouse.GIF";
image1 = new Image();
image1.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleaveshomeblur.GIF";
image2 = new Image();
image2.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesforumblur.GIF";
image3 = new Image();
image3.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavescontestblur.GIF";
image4 = new Image();
image4.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesfaqblur.GIF";
image5 = new Image();
image5.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesaffiliatesblur.GIF";
image6 = new Image();
image6.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavesaboutblur.GIF";
image7 = new Image();
image7.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"buttonleavescontactblur.GIF";
// end Image Mouseover Code-->
</script>
</head>
<body>
<br>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" onmouseover="image0.src='kidswritingclubleavesmouse.GIF';" onmouseout="image0.src='http://www.webdeveloper.com/forum/archive/index.php/kidswritingclubleavestwo.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"kidswritingclubleavestwo.GIF" name="image0" border="0"></a></p>
<marquee scrollamount="2"><font face="Chiller" color="darkorange" size="4">*The website is currently experiencing some problems. We are in the process of re-uploading the website. Sorry for the wait!*Welcome to the Kids Writing Club! Have a Happy Halloween! Support the KWC by being active on the forums.</font></marquee>
<hr><p><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" onmouseover="image1.src='buttonleaveshomeblur.GIF';" onmouseout="image1.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleaveshome.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleaveshome.GIF" name="image1" border="0"></a> <a href="http://forum.kidswritingclub.com" onmouseover="image2.src='buttonleavesforumblur.GIF';" onmouseout="image2.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesforum.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesforum.GIF" border="0" name="image2"> <a href="contest.html" onmouseover="image3.src='buttonleavescontestblur.GIF';" onmouseout="image3.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavescontest.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavescontest.GIF" name="image3" border="0"></a> <a href="faq.html" onmouseover="image4.src='buttonleavesfaqblur.GIF';" onmouseout="image4.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesfaq.GIF';" style="cursor:help"><img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesfaq.GIF" name="image4"></a> <a href="affiliates.html" onmouseover="image5.src='buttonleavesaffiliatesblur.GIF';" onmouseout="image5.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesaffiliates.GIF';"><img name="image5" border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesaffiliates.GIF"></a> <a href="about.html" onmouseover="image6.src='buttonleavesaboutblur.GIF';" onmouseout="image6.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavesabout.GIF';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavesabout.GIF" name="image6" border="0"></a> <a href="contact.html" onmouseover="image7.src='buttonleavescontactblur.GIF';" onmouseout="image7.src='http://www.webdeveloper.com/forum/archive/index.php/buttonleavescontact.GIF';"><img border="0" name="image7" src=http://www.webdeveloper.com/forum/archive/index.php/"buttonleavescontact.GIF"></a></p>
<hr>
<p><font face="Trebuchet MS" size="2">Welcome to the Kids Writing Club, "A step toward making a dream a reality..."</font></p>
<h2><font face="Chiller" color="darkorange">Happy Halloween</font></h3>
<p2><font face="Trebuchet MS" size="2">Welcome to the Kids Writing Club! Click on the buttons above to go to otherpages, or read the brief description of KWC below if it's your first time here.</font></p2><br><br>
<h2><font face="Chiller" color="darkorange">Welcome Newcomers</font></h3>
<p2><font face="Trebuchet MS" size="2">We hope that you enjoy your time here ate KWC! Our community offers contests, writing critiques, new friends, and a lot of fun! There is a large message board with thousands of posts and hundreds of members that you can register at to become an official club member. (If you have any questions regarding registering, please visit the Information page.) &nsbp;The club is for those who are aged 10 to 18, but you may be younger/older as long as you behave. The Kids Writing Club is over a year old, has dedicated staff, and is a great place for kids to express themselves.</font></p2>
</body>
</html>
What did I do wrong? What is wrong with my images and background? Am I doing the paragraphs and header correctly?
Any help would be much appreciated!here is a site to check for HTML errors: <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
also, what is the complete url for the images, i can mess around with the html and see if i can get the images to come upHi -
In your javascript, you've got an uppercase file extension -
is that how you've named the files? If they're in a folder [the images] -
are you sure you have the correct paths to them in your code
Also - why break up the css into 3-4 different sections? Try stating the background like this: background:white url("pathtoimage/imagename.ext") repeat fixed 0% 0%; using a double quote instead of single - and if you don't want it fixed [content scrolls over it], then take that out w/ just a space between repeat and 0%...
Are you at least getting the red x?
Good luck,
ElXD I feel really smart now... it was the uppercase extensions that messed it up. Thanks for your help ^_^