I just made a css stylesheet and decided to test it out; apparently, my headers don't show up and neither does my solid background colour, so I put the coding on my index page, and still; nothing happened.. I'm not really sure what's wrong. Maybe you could find out?
Link to the website: http://azurerain.comxa.com/index.php
Link to the stylesheet: http://azurerain.comxa.com/style.css
Index:
Quote:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Keywords" content="Azurerain, Graphics, Neopets, Blogs, Tutorials, Articles">
<meta name="Description" content="This is the blog of two not so ordinary girls, and a site filled with graphics, resources, and more!">
<title>Azurerain {version. shocking}</title>
<link rel="stylesheet" type="text/css" href="/public_html/style.css">
<style type="text/css"><style>
body {
font:8pt arial;
color:black;
body background: #47031A;}
b{color:#950157;}
i{font-family:georgia; color:#B4056E;}
u{font-size:11px;font-family:arial; color:#950157; border-bottom:1px dotted #FDB1F9;}
a:link,a:visited,a:active
{
color:#810237;
font-family:georgia;
font-weight:normal;
font-size:11px;
text-transform:lowercase;
letter-spacing:2px;
text-decoration:none;}
a:hover
{
color:#D5018A;
font-size:11px;
font-weight:normal;
text-transform: normal;
text-decoration:none;
h1
{
color: #950157;
font-family: georgia;
font-size: 15pt;
letter-spacing: -1px;
border-bottom: 5px #FDB1F9 solid;
margin-bottom: 0px;}
h2
{
letter-spacing: 5;
font-weight: none;
color: #B4056E;
font: 12px georgia;
background-color: #FFFFFF;
margin-top: 0px;
line-height: 15pt;solid;
text-align: center;
text-transform: uppercase;}
</style>
<style>
body{background:#47031A;}
#content{top:274px; left:232px; width:484px; height:537px; color:#443b3a; font-family:verdana; font-size:10px; overflow ; position:absolute; text-align:center; border: 0px solid #00BAFF}
#other{top:263px; left:742px; width:138px; height:548px; color:#443b3a; font-family:verdana; font-size:10px; overflow; position:absolute; text-align:left;}
</style>
<div style="position:absolute; top:0px; left:0px;">
<MAP NAME="vShocking">
<img src="http://i85.photobucket.com/albums/k58/FunNeo/Weblayouts/vshocking.jpg" width="900" height="854" border="0" alt="vShocking" usemap="#vShocking">
<AREA
HREF="http://www.azurerain.co.nr" TARGET="_BLANK" ALT="Blog"
SHAPE="RECT" COORDS="6,200,109,234">
<AREA
HREF="http://linkbee.com/sitelyindex" ALT="Sitely"
SHAPE="RECT" COORDS="161,200,311,234">
<AREA
HREF="http://linkbee.com/contentindex" ALT="Content"
SHAPE="RECT" COORDS="363,195,552,234">
<AREA
HREF="http://linkbee.com/funindex" ALT="Fun"
SHAPE="RECT" COORDS="594,196,701,234">
<AREA
HREF="http://linkbee.com/otherindex" ALT="Other"
SHAPE="RECT" COORDS="751,194,892,234">
<AREA
HREF="http://linkbee.com/creditindex" ALT="Credit"
SHAPE="RECT" COORDS="305,816,619,849">
</MAP>
</div>
<div id="other">
<center>
<h1>About the Layout</h1>
<br>
Inspired by <i>thunder bolts</i>. Made for the second layout of
Azurerain.<br>
<i>Tried</i> to keep it <b>colourful & flashy</b>. Image found on <i>neopets</i>.
<br>`Made by; Kinna
<br>
<h1>Quotes</h1>
<br>
<script type="text/javascript">
function getRandomQuote() {
var quotes = ["My room is clean mom, it only looks like a small twister hit it.. - Cookie",
"Don't judge a book by it's cover, the inside might be worse. - Cookie",
"Always remember that you're unique, just like everyone else. - Kinna",
"When life gives you lemons, you eat your darn lemons. - Kinna",
"If at first you don't succeed, go blame your mom. - Kinna",
"Flying is simple. You just throw yourself at the ground and miss. - Kinna",
"Some say the glass is half full, some say the glass is half empty. I say, are you gonna drink that? - Kinna" ];
return quotes[Math.floor(Math.random()*quotes.length)];}document.write(getRandomQuote());
</script><br>
<br>
<center>
<h1>Buddies</h1>
<body><?php include "/home/a3155225/public_html/buddies.php" ?></body>
<centeR>
<br>
<h1>Vote</h1>
<br>
<a href="http://linkbee.com/topsitesone" target="_blank">
<img src="http://topsites.icecaves.net/button.php?u=azurerain" alt="The IceCaves.net Topsites" border="0"></a><br>
</center>
</div>
<div id="content"><center>
<body><?PHP
$number=2;
$template="vSimplicity";
$only_active=TRUE;
include("/home/a3155225/public_html/cutenews/show_news.php");
?></body>
</center>
</div>
|
CSS:
Quote:
/* YOU MAY LOOK, BUT NO STEALING! ASK FOR PERMISSION IF YOU WANT TO USE; MAIN BODY */
body {
font:8pt arial;
color:black;
body background: #47031A;}
textarea {
color:#810237;
font-family: courier;
font-size:5px;
background-color:white;
border:2px solid #810237;
scrollbar-display:none;}
b{color:#950157;}
i{font-family:georgia; color:#B4056E;}
u{font-size:11px;font-family:arial; color:#950157; border-bottom:1px dotted #FDB1F9;}
a:link,a:visited,a:active
{
color:#810237;
font-family:georgia;
font-weight:normal;
font-size:11px;
text-transform:lowercase;
letter-spacing:2px;
text-decoration:none;}
a:hover
{
color:#D5018A;
font-size:11px;
font-weight:normal;
text-transform: normal;
text-decoration:none;
h1 {
color:#950157;
font-family:georgia;
font-size:15pt;
letter-spacing:-1px;
border-bottom:5px #FDB1F9 solid;
margin-bottom:0px;}
h2 {
letter-spacing:5;
font-weight:none;
color:#B4056E;
font:12px georgia;
background-color:#FFFFFF;
margin-top:0px;
line-height:15pt;solid;
text-align:center; text-transform:uppercase;}
/* Table Code */
table {
font:9pt arial;
text-align:center;
width:341px; height:78px;
border-color: #E6054B;
border-width: 1px 1px 1px 1px;
border-style: solid;
td {
border-color: #E6054B;
border-width: 1px 1px 1px 1px;
border-style: solid;
margin: 0;
padding: 4px;
background-color: white;}
|
Thank you!
Last edited by Amnira; 05-23-2009 at 12:50 PM..
|
