|
| |
|
|
Blitziness
Posts: 3
Joined: 4/20/2006
Status: offline
 |
CSS Website Not Working - 4/20/2006 17:34:27
I am fairly new to the CSS concept. I've been working with HTML for awhile, but I realized how much more sophisticated CSS is. I was trying to make a rather basic page, and I got it to work really well on my computer, but it does not seem to work on anyone else's computer. I'm doing this on Geocites, and have uploaded various stylesheets to work with.
The code for my main site is:
quote:
<html>
<title>simplistic</title>
<style type="text/css">
<body>
<head>
<meta http-equiv="Content-Language" content="en-gb" />
<title>simplistic</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- style sheet links -->
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/blitziness/stylehome.css" />
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/blitziness/menuhome.css" />
</head>
<div id="centrecontainer">
<div id="outercontainer">
<div id="header">
<div id="navcontainer">
<ul id="navlist">
<li><a title="Vicky" href="vicky.html">Vicky</a></li>
<li><a title="Gwyd" href="gwyd.html">Gwydion</a></li>
<li><a title="Stella" href="stella.html">Stella</a></li>
<li><a title="Roc" href="roc.html">Roc</a></li><li><a title="Kirley" href="kirley.html">Kirley</a></li><li><a title="Bill" href="bill.html">Bill</a></li>
<li><a title="SnF" href="http://www.swishandflick.proboards3.com/">SnF</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="containerleft">
<h2></h2>
</div>
<div id="containerright">
<h2>Welcome...</h2>
<p>Welcome to my new biopage website. It's really the first site I've done that goes beyond basic HTML, and I'm quite pleased with the result. I've never dabbled in CSS before either, but working on this biosite made me realize how much I like it. I hope to hone my skills in the area, and create new biopages when the time comes. For now, though, I invite you to peruse through my character's biographies at your leisure. Comments are always welcome! <p>
</div>
</div>
<div id="footer">
<a title="derby web design" href="http://www.tristarwebdesign.co.uk">tri-star
web design</a>
</div>
</div>
</div>
</body>
</html>
And the stylesheets that go with it are:
quote:
body
{
padding: 0;
margin: 0;
background: #DEB887;
color: #FFF;
font-family: arial, verdana, helvetica, tahoma, sans-serif;
font-size: 80%;
line-height: 150%;
}
img
{
border: 0;
}
a
{
text-decoration: none;
color: #FF80A8;
}
a:hover
{
text-decoration: none;
color: #FFF;
}
#centrecontainer
{
position: absolute;
top: 50%;
left: 0px;
width: 100%;
}
#outercontainer
{
margin-left: -400px;
position: absolute;
top: -236px;
left: 50%;
}
#header
{
width: 760px;
height: 31px;
letter-spacing: 1px;
}
#container
{
border: 20px solid #FFF;
width: 760px;
height: 370px;
}
#containerleft
{
float: left;
width: 350px;
height: 350px;
background-image:url('home.gif');
border-right: 20px solid #FFF;
padding: 10px;
}
#containerleft a
{
text-decoration: none;
color: #FFF;
}
#containerleft a:hover
{
text-decoration: none;
color: #FF80A8;
}
#containerleft h2
{
margin: 0;
padding: 0;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
letter-spacing: -3px;
font-size: 250%;
text-align: right;
}
#containerright
{
float: left;
width: 350px;
height: 350px;
background: #D19275;
overflow: auto;
padding: 10px;
}
#containerright h2
{
margin: 0;
padding: 0;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
letter-spacing: -2px;
font-size: 200%;
border-bottom: 1px solid #FFF;
padding-bottom: 5px;
width: 75%;
}
#footer
{
width: 800px;
text-align: right;
padding: 5px 0px;
color: #D19275;
}
#footer a
{
text-decoration: none;
color: #D19275;
}
#footer a:hover
{
text-decoration: none;
color: #FFF;
}
and
quote:
#navcontainer ul
{
padding: 0;
margin: 0;
float: right;
width: 100%;
}
#navcontainer ul li
{
display: inline;
}
#navcontainer ul li a
{
padding: 6px 10px;
color: #FFF;
text-decoration: none;
float: right;
}
#navcontainer ul li a:hover
{
background-color: #FFF;
color: #DEB887;
}
I'm not quite sure what the problem is, since I can see the site perfectly well on my browser. Can anyone assist me on this matter?
|
|
|
|
1eagle
Posts: 53
Joined: 1/16/2006
From: the foothills of the Colorado Rockies
Status: offline
|
RE: CSS Website Not Working - 4/20/2006 23:19:51
Hello Blitziness,
Welcome to Outfront.
I have looked at what you posted as well as your site.
Yes, as jaybee said you will need to remove all the server information.
In addition you will need to do the following;
Remove everything between <html> and <head>
Place <body> after </head>
Should look like this
<html>
<head>
<title>Page Title</title>
<meta tags>
<call css tags>
</head>
<body>
Content here
</body>
</html>
Failed to remember this before posting.
You should remove the open H2 and close your text paragraph with </p>
< Message edited by 1eagle -- 4/20/2006 23:37:29 >
| |
|
|
|
Tailslide
Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: CSS Website Not Working - 4/21/2006 3:50:05
One of the major problems with Geocities is the code it sticks in to your page whether you want it there or not. It messes with the page no end. Anything before the DOCTYPE declaration (which should be the first thing in your code) will throw browsers into Quirks mode where they fall back to the most basic interpretation of HTML they can to allow for errors. That's all very well except if you're using modern coding practices like CSS - anything could happen!
I'd seriously recommend getting some decent hosting - it's very cheap these days.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Blitziness
Posts: 3
Joined: 4/20/2006
Status: offline
|
RE: CSS Website Not Working - 4/21/2006 19:29:11
Thank you all very much for your tips. I think I removed the server information, and that brought me to a blank page. After that I removed all of the text between the <html> and <head>, and I got a site again. Now I'm not sure if this works on everyone's computer, but I'd appreciate it if someone told me if it did or not.
Yes, Geocities is a pain, but for my mediocre sites, it's most affordable to have a free hosting plan. Thanks again, everyone!
| |
|
|
|
1eagle
Posts: 53
Joined: 1/16/2006
From: the foothills of the Colorado Rockies
Status: offline
|
RE: CSS Website Not Working - 4/21/2006 22:30:27
quote:
ORIGINAL: Blitziness
Thank you all very much for your tips. I think I removed the server information, and that brought me to a blank page. After that I removed all of the text between the <html> and <head>, and I got a site again. Now I'm not sure if this works on everyone's computer, but I'd appreciate it if someone told me if it did or not.
Still get a blank page here.
Does not look like anything has changed.
Tailslide - love your new site
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS Website Not Working - 4/22/2006 13:28:05
quote:
I'd seriously recommend getting some decent hosting - it's very cheap these days.
I agree with with this statement. using a free site while learnign css will drive you crazy. Honestly.
If you need a host that is reasonable, please pm me and I will refer you to one that I have 3 accounts with right now. they have good tech support and I have not ever had a problem with them.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Blitziness
Posts: 3
Joined: 4/20/2006
Status: offline
|
RE: CSS Website Not Working - 4/25/2006 16:34:33
Thank you all for the help. I realized what I was doing wrong, and now my website works!
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
