misc. problems, font and link color, background wont show up... [Archive]

bourdelson

11-18-2006, 05:37 PM

You have a lot of extra, unnecessary stuff in your coding, which may be causing the problem.

Get rid of the coding you have in your index page, and put this coding in. I've cleaned it up a bit for you. If you want to see what the changes are, compare it to the original coding you have on your index page right now. :)

<HTML>
<HEAD>
<TITLE>sarah strange:sorrow</TITLE>
<META NAME="description" CONTENT="soon to be original cartoon dolls, free layouts, original art and poetry">
<META NAME="keywords" CONTENT="poetry, cartoon dolls, layouts, anime">
<META NAME="author" CONTENT="sarah strange">
<style type="text/css">

A:link
{ text-decoration: underline;
color:#fffffff; }
A:visited
{ text-decoration: underline;
color:#fffffff; }
A:active
{ text-decoration: none;
color:#fffffff; }
A:hover
{ text-decoration: blink;
color:#fffffff;
background-image: url('http://www.geocities.com/sorrowstrange/bg.jpg') ;
background-color: #000000;
cursor: crosshair;}

h1 {font-family: alba;
color: #ffffff; }

p {font-family: alba;
color: ;#ffffff }

body
{ background: #000000;
background-image: url('http://www.geocities.com/sorrowstrange/bg.jpg');
background-repeat: repeat;
font-family: alba;
color: #ffffff ;
letter-spacing: 8pt;
font-weight: lighter;
font-size: 20pt;
scrollbar-face-color : #fffffff;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #ffffff;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: alba;
color: #ffffff;
padding-left: 4cm;
padding-right: 4cm;
padding-top: 4cm;
padding-bottom: 4cm;
padding: 4cm;
padding: 4cm 4cm; }

input, textarea
{ background: #000000;
background-image:url('http://www.geocities.com/sorrowstrange/bg.jpg');
font-family: alba;
color: #ffffff;
border-style: dotted;
border-color: #ffffff;
border-width: 5px; }

#menu {
position: absolute;
left: 5px;
padding: 0px;
width: 150px;
}

#content {

margin-left: 200px;
padding: 0px;
margin-right: 15px;
}
</style>
</head>
<body>
<div style="position:absolute; left:100px; top:100px; width:300px; height:500px; background-color:#000000; overflow:auto; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;">

<UL>
<LI><a href="http://address you want text to link to">home</a>
<LI><a href="http://address you want text to link to">layouts</a>
<LI><a href="http://address you want text to link to">dolls</a>
<LI><a href="http://address you want text to link to">art</a>
</UL>
</div>

<hr width="2" color="#9966ff" size="500">

<div style="position:absolute; left:500px; top:100px; width:500px; height:500px; background-color:#000000; overflow:auto; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;">
content

</div>
<hr width="2" color="#9966ff" size="200">
</body>
</html>

Hopefully this helps you out! :)