NEED HELP QUICK

Crystal-Dag · 09-09-2007, 07:49 PM

Hey

I have just coded my first layout and everything is working on my computer.
However, when I uploaded the html and css page onto Freehostia the html did not have any background, tables etc.

Anyone have any clue?

on my comp

and on Freehostia

All the images are linked through tinypic.

Any help?

PLease!

~~Eccentric~~ · 09-09-2007, 07:52 PM

Post the coding.

Crystal-Dag · 09-09-2007, 07:56 PM

HTML

<html>
<head>
<title>Gavzorz</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta name="Author" CONTENT="Triple W Communications">
</head>
<body>
<div align="center">
<table width="758" cellspacing="0">
<tr>
<td class="topimage"><img src="http://i5.tinypic.com/6b1d10l.gif"></td>
</tr>
<tr>
<td>
<table width="758" cellspacing="0">
<tr>
<td width="60%" valign="top" class="box1">

<div class="header">Welcome</div>
<p>
Hello and welcome to my website :-D
Take a look around and let me know if you like it.
This is just a random anf fun website set up in Sep '07 By Gavin.

<p>
<div class="header">Updates</div>
<p>
PUT UPDATES HERE

</td>

<td width="25%" valign="top" class="box2">
<div class="header">Navigation</div>
<div class="navi">
<center>
<ul>

<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>

</ul>
</center>
</div>
<p>

<div class="header">Host</div>
<p>
Affies here
<p>
<div class="header">Link Me</div>
<p>
<a href = "http://www.Gavzorz.freehostia.com/">
<img src = "http://i4.tinypic.com/6c7do5d.gif">
</a>
<p>
<div class="header">Stats (Unique)</div>
<p>
Put a counter here


</p>
</td>
</tr>
</table>
<tr>
<td width="100%" class="footer">

Gavzorz™
</td>
</tr>
</td>
</tr>
</table>
</div>
</body>
</html>

CSS

BODY {
background-image:url('http://i7.tinypic.com/4lyju3m.gif');
margin-top:10px;
margin-bottom:10px;
cursor:crosshair;
}
h1 {font-size:24px; color:#D0D0D0;}
h2 {font-size:20px; color:#919191;}
h3 {font-size:18px; color:#000000;}
TD {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
border:0px solid #7B4E27;
border-bottom-width:1px;
padding:0px;
}
.topimage {
font-family:tahoma,sans-serif;
font-size:11px;
border:0px solid #97B25E;
border-bottom:1px solid #7B4E27;
text-align:justify;
padding:0px;
}
.box1 {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
line-height:14px;
background-color:#97B25E ;
border:1px solid #7B4E27;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
padding:6px;
}

.box2 {color:#7B4E27;
font-family:tahoma,sans-serif;
font-size:11px;
text-align:justify;
line-height:14px;
background-color:#97B25E ;
border:1px solid #7B4E27;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
padding:6px;
}
A

ink {color:#663366; font-weight:bold; text-decoration:underline;}
A:visited {color:#663366; font-weight:bold; text-decoration:underline;}
A:active {color:#663366; font-weight:bold; text-decoration:underline;}
A:hover {color:#ffffff; font-weight:bold; text-decoration

ine-through;
}
.navi {width:205px; font-size:11px;border: 2px solid #000000; border-top-width:0px; border-bottom-width:2px;}
.navi ul {margin:0; padding:0; list-style:none;}
.navi li {margin:0;border-top:2px solid #000000;}
.navi a {display:block; width:205px; padding:1px 0px 1px 8px; text-decoration:none; font-family: Arial, sans-serif; font-size:10px; text-transform:uppercase;letter-spacing:0px; font-weight:normal; text-align

eft;}
.navi li a

ink {color:#663366; background-color:#c0c0c0 ;text-decoration:none;}
.navi li a:visited {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;}
.navi li a:active {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;}
.navi li a:hover {color:#ffffff; letter-spacing:0px; background-color:#B77A63;}

.header {
text-transform:none;
color:#ffffff ;
font-size:10px;
line-height:13px;
font-weight:bold;
background-color:#7A4D26;
letter-spacing:1px;
font-family:verdana,sans-serif;
text-align

eft;
text-transform:uppercase;
margin:0px;
border-bottom:1px solid #B58C61;
border-top:1px solid #B58C61;
border-left:1px solid #B58C61;
border-right:1px solid #B58C61;
padding: 1 1 1 5;
}
blockquote {
color:#000000;
background-color:#b9b9b9;
font-size:11px;
text-align: justify;
BORDER: #000000 1px solid;
padding:4px;}
.input {color:#000000; font-size:11px; font-family:tahoma, sans-serif; background-color:#d0d0d0; border:1px solid; border-color: #ffffff; width:140px; height:18px }
.button {color:#000000; font-family:tahoma, sans-serif; font-size:11px; background-color:#d0d0d0; border:1px solid; border-color: #000000; padding:1px; height:18px;}
.textarea {color:#000000; font-family:tahoma, sans-serif; font-size:10px; background-color:#d0d0d0; border:1px solid; border-color: #ffffff;width:250px;}

.footer {color:#7B4E27;
font-family:tahoma,sans-serif;
padding:4px;
border: 1px solid #97B25E;
border-top:0px solid #97B25E;
background-color:#97B25E ;
font-size:10px;
text-align:right;
}
<STYLE type="text/css">

</STYLE>

~~Jackboy~~ · 09-09-2007, 07:57 PM

probs dont support css file or w/e

If push comes to shove just put the css at the top of ur index page..

~~Eccentric~~ · 09-09-2007, 07:57 PM

thats like... 10 lines? use the code tags

Crystal-Dag · 09-09-2007, 07:59 PM

CSS files are just html

and I dont get what to do? :S

~~Eccentric~~ · 09-09-2007, 08:00 PM

That should actually work :| try reload the page that happened to me earlier

or clear your cache?
edit: the spaces between <img src = "" i think if you remove im not sure to be honest but try dat

Sygon.. · 09-09-2007, 08:03 PM

Make sure you uploaded styles.css ? And dont leech from image hosts put them on your own

Crystal-Dag · 09-09-2007, 08:07 PM

Thanks People But Sorted It =]

Good Old Freewebs supports it fully

Hehe

Thread: NEED HELP QUICK

Thread Tools

NEED HELP QUICK

Posting Permissions