HTML file works locally, but not live

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Lady Gray
    #1

    HTML file works locally, but not live

    I'm helping a friend create her website. I'm not an expert with CSS, FTP, or HTML, but I know enough to squeeze by with only a small headache.

    I've already uploaded all of the files I've created for her site via FileZilla.

    Her index.html file works beautifully when I load it locally from my computer; but as soon as I try to open the webpage, all I get is the Index directory; and no listing of any of her other pages.

    Is there a reason for this? Hopefully, it's not something simple that I'm later going to *headdesk* about.

    Any help is muchly appreciated. Thank you!

    Here's the HTML file:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Pandora's Proxy</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css" href="optimistic.css" />
<!--[if lte IE 6]>
	<script type="text/javascript" language="javascript" src="iehover.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
  <div id="header">
    <h1>
      <!-- YOUR WEBSITE NAME -->
      Pandora's Proxy
      <!-- YOUR WEBSITE NAME END -->
    </h1>
    <!-- TOP MENU -->
    <ul id="mainmenu">
      <li class="active"><a href="http://www.free-css.com/"><span>Home</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Gallery</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Commissions</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Contact</span></a></li>
      <li><a href="http://artistryandprose.freeforums.org/"><span>Forum</span></a></li>
    </ul>
    <!-- TOP MENU END -->
  </div>
  <div id="content">
    <div>
      <!-- CONTENT START -->
      <h2>All About Yin</h2>
      <p>About me? There really isn’t much to say. I’m a twenty year old Northern gal currently stuck in the South, anxiously waiting for the day when she finishes her schooling to become a Massage Therapist and moves to Washington State. I’m happily in a relationship of three and half years with the best guy in the world and we own an adorable kitten and three godly goldfish.</p> 

<p>As for my art, I’m self taught in both general doodling and Photoshop (in which I feel singularly untalented). My style tends to fluctuate a lot so you’ll probably see that reflected in many of my pieces. However, I think I finally hit The One, the style that embodies me, and will stick with it. I generally don’t stray far from line art as I’m unequipped when it comes to using Photoshop. One has not felt tedium until they’ve tried to do a full color picture with only a mouse. I hope I can get tablet soon and get my ass into gear!</p>

<p>If this little spiel failed to answer any questions you had, feel free to drop me a line. I promise I’m even tempered and won’t bite. <3</p>
      
      <!-- CONTENT END -->
    </div>
  </div>
  <div id="column">
    <div>
      <!-- NAVIGATION START -->
      <h3>Random Quote</h3>
      <p><i>Get all the fools on your side and you can be elected to anything.</i> - Frank Dane</p>
      <h3>Artists</h3>
      <ul class="menu">
        <li><a href="http://shadesofgray.artistyandprose.com/Index/">Gray</a></li>
        <li><a href="http://shadowwood.artistyandprose.com/">TGP</a></li>
        <li><a href="http://moonshineandmonsters.artistyandprose.com/index.html/">Cal</a></li>
      </ul>
      <!-- NAVIGATION END -->
    </div>
  </div>
  <div id="footer">
    <p>
      <!-- COPYRIGHT INOFRMATION -->
      Content &copy; 2006 <a href="http://www.pandorasproxy.artistyandprose.com">Yin</a>; <a href="http://www.artistyandprose.com/index.php">Artistry and Prose</a>.
      <!-- COPYRIGHT INOFRMATION END -->
      Design &copy; <a href="http://inobscuro.com/">nel`chee</a>. <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/">Creative Commons Licence</a> </p>
  </div>
</div>
</body>
</html>


    And here's the CSS file:

    Code:
    * {margin: 0; padding: 0; border: none; text-decoration: none;}
html {
	background: url(images/bg1.gif) #ddddae center;
	text-align: center;
	font: small "Georgia", "Palatino Linotype", "Times New Roman", serif;
	color: #444;
}
body {
	background: url(images/bg2.jpg) center top repeat-x;
}
p, ul, ol {
	padding: 5px 0;
	line-height: 150%;
}
ol {list-style-type: upper-roman;}
ul {list-style-type: circle;}
li {margin-left: 1.5em;}
a:link {border-bottom: 1px dashed; font-weight: bold;}
a:visited {border: none; font-weight: normal;}
code {color: #f5f5f5; font-size: 100%;}
blockquote, .box {
	border-left: 5px solid #0b1207;
	background: url(images/quote.gif) #2a451a top left no-repeat !important;
	background-position: .1cm 0;
	margin: 10px 0;
	padding: 0 10px 0 20px;
	font-style: italic;
	color: #b6cf9b;
}
#container {
	width: 757px;
	margin: 0 auto;
	text-align: left;
	background: url(images/header.jpg) left top no-repeat;
	padding-right: 13px !important;
	padding-right: 12px;
}
#header {
	height: 123px;
	position: relative;
}
#content {
	width: 445px;
	float: right;
	background: url(images/bg_content-top.jpg) #365921 left top no-repeat;
	color: #ffedaf;
	position: relative;
}
#content div {
	background: url(images/bg_content-bottom.gif) left bottom no-repeat;
	padding: 20px;
	position: relative;
}
#content div div {background: none; padding: 0;}
#column {
	width: 230px;
	background: url(images/bg3.gif) left top repeat-y;
	float: right;
	margin: 384px 52px 0 0;
}
#column div {
	margin-top: -220px;
	background: url(images/credit.gif) left bottom no-repeat;
	padding: 0 20px;
	position: relative;
}
#column div div {
	margin: 0;
	padding: 0;
	background: none;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 85%;
	color: #7ca758;
}
#footer a:link, #footer a:visited {
	color: #7ca758;
	border: none;
	font-weight: bold;
}
#footer a:hover {color: #345620;}
#column h2, #column h3 {color: #1b300f;}
#column ul.menu {padding-bottom: 10px;}
#column ul.menu li {
	display: inline;
	margin:0;
	list-style: none;
}
#container #column ul.menu li a {
	display: block;
	margin: 3px 0;
	background: #b3c46c;
	border-bottom: 1px solid #99ab3c;
	padding: .2em .3em;
	color: #365921;
	position: relative;
	font-weight: normal;
}
#container #column ul.menu li a:hover {
	color: #000;
	background: url(images/sidemenu_hover.gif) #b3c46c right center no-repeat;
}
h1 {
	color: #a9c57f;
	font: italic normal 3em "Times New Roman", "Georgia", sans-serif;
	padding: 10px 0 0 270px;
}
#content h2 {
	background: url(images/bg_title.gif) right top no-repeat;
	color: #f4d547;
	margin: 0 -20px;
	font: italic normal 1.6em "Times New Roman", "Georgia", sans-serif;
	padding: 22px 10px 20px 90px;
}
h3 {
	padding-top: .3em;
	font: italic bold 1.6em "Times New Roman", "Georgia", sans-serif;
}
#content h3 {
	font-size: 1.3em;
	color: #e5cb5d;
	border-bottom: 3px solid #2d4f18;
}
#content p, #content li {text-align: justify;}
#column a:link, #column a:visited {
	color: #697f0f;
	border-color: #99ab3c;
}
#content a:link, #content a:visited {
	color: #b3c46c;
	border-color: #58803a;
}
#column a:hover {color: #ffedaf;}
#content a:hover {color: #fadb7e;}
#container #column a.credit {
	display: block;
	height: 30px;
	text-indent: -9999px;
	border: none;
}
#mainmenu {
	position: absolute;
	left: 295px;
	bottom: 1px !important;
	bottom: 0;
	list-style: none;
}
#mainmenu li {
	width: auto;
	float: left;
	margin-left: 5px;
}
#container #mainmenu li a {
	display: block;
	border: none;
	color: #a9c57f;
	padding: 0 9px;
	font: italic bold 1.5em "Times New Roman", "Georgia", sans-serif;
}
#container #mainmenu li a span {
	display: block;
	padding: 5px 0;
}
#mainmenu li:hover, #mainmenu li.over, #mainmenu .active {
	background: url(images/menu_hover-left.gif) top left no-repeat;
}
#container #mainmenu li:hover a, #container #mainmenu li.over a, #mainmenu .active a {
	background: url(images/menu_hover-right.gif) top right no-repeat;
}
#container #mainmenu li:hover a span, #container #mainmenu li.over a span {
	background: #000;
}
#container #mainmenu li a:hover {
	color: #f2ff7f;
}
#container #mainmenu .active a span {
	background: #000;
	color: #a9c57f;
}
#content, #column div {
	overflow: visible !important;
	overflow: hidden;
}

    I use FireFox, and the link to my friend's site is http://www.pandorasproxy.artistyandprose.com

    It's a subdomain of http://www.artistyandprose.com/index.php
    Last edited by Niheel; Sep 28 '10, 01:07 AM. Reason: merged posts into one understandable question
    Tags: None
    • Oralloy
      Recognized Expert Contributor
      • Jun 2010
      • 988
      #2
      If all you're seeing is a file listing of her root directory, and none of the files you uploaded, then one of the servers (ftp or the web server) is misconfigured.

      From what I can see, it looks like the "pandoraspr oxy" site is in a separate subdirectory of her normal root directory. But I'm guessing at that.

      Also, the processor that's showing the empty directory may be configured to mask certain file types to prevent mallicious intrusion.

      Check capitalization. On Linux/Unix systems, INDEX.HTML is not the same as index.html at all.

        Comment

        • Lady Gray
          #3
          Well, it's taking longer than it would to upload my files all together via FileZilla, but I managed to figure things out in my FTP File Manager in my cPanel; so I'm uploading everything one piece at a time.

          Thanks for your help!

            Comment

            • Banfa
              Recognized Expert Expert
              • Feb 2006
              • 9067
              #4
              You have uploaded everything into a sub directory Index so your friends website address is actually http://www.pandorasproxy.artistyandprose.com/Index

              Upload everything to the correct directory (or if you have shell access telnet and move everything).

                Comment

                Previous template Next
                Working...