wierd problem with HTML editing

[Anarchist]

i use "Nvu" which is an HTML editor. recently i hvae not been able to upload and replace the template on my FTP client. the reason is; when i load "indextemplate.html" it says "cannot be edited for an unknown reason. it will let me edit and save, but then its not replacing the current template. the current template has many issues, such as images not appearing as buttons (supposed to), a shout box constricted to a tiny size, where as other boxs that have been set to the right side arn't. i realized that this (most of the problems) was happening because it wasn't overwriting, and that the newer version SHOULD hypothetically work.

the code for the first page

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"
 lang="en">
<head>
  <title>***comic_name*** - ***todays_date***</title>
  <meta http-equiv="Content-Type"
 content="text/html;
charset=iso-8859-1">
  <link rel="alternate" title="***comic_name***"
 href="/rss.xml" type="application/rss+xml">
</head>
<body
 style="background-color: rgb(102, 102, 102); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
<br style="color: rgb(255, 255, 255);">
<table
 style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; height: 50px; width: 200px;"
 colspan="2" rowspan="1">Copywright
Robin Lloyd-Miller. The unexpected and all images affiliated are not to
be used or distrebuted in anyway or to be sold/reprodused.<br>
      </td>
      <td style="height: 50px; width: 200px;"><img
 style="width: 200px; height: 50px;" alt=""
 src="../Desktop/Art%20file/sigbar.jpg"></td>
    </tr>
    <tr>
      <th colspan="3"><br>
      <div style="text-align: right; background-color: rgb(0, 0, 0);"><img
 style="width: 600px; height: 100px;" alt="The Unexpected"
 src="unexpectedlogo.png"><span
 style="font-weight: bold; color: rgb(204, 0, 0);">By
***author***</span></div>
      </th>
    </tr>
    <tr>
      <td><a href="archivetemplate.html"><img
 style="border: 0px solid ; width: 200px; height: 50px;" alt=""
 title="Complete month by month archive of The Unexpected"
 src="../Desktop/comicgenesis/backgroundcomic-items/archiveimage.jpg"></a></td>
      <td style="text-align: center;" colspan="1"
 rowspan="1">***first_day*** ***previous_day***
***next_day*** ***last_day***<br>
      </td>
      <td>Archive dates</td>
    </tr>
    <tr>
      <td style="height: 50px; width: 200px;"><img
 style="width: 200px; height: 50px;" alt=""
 title=""coming soon" >_<"
 src="../Desktop/comicgenesis/backgroundcomic-items/castblock.jpg"></td>
      <td style="text-align: center;" colspan="1"
 rowspan="6">***todays_comics***<br>
      <br>
      </td>
      <td>
      <h3>***storyline***</h3>
      </td>
    </tr>
    <tr>
      <td style="height: 50px; width: 200px;">Contact Info</td>
      <td><!-- Start of StatCounter Code -->
      <script type="text/javascript" language="javascript">
var sc_project=2249165; var sc_invisible=0; var sc_partition=20; var sc_security="8fcf1355"; var sc_text=4; </script>
      <script type="text/javascript" language="javascript"
 src="http://www.statcounter.com/counter/counter.js"></script>
      <noscript><a href="http://www.statcounter.com/"
target="_blank"><img
src="http://c21.statcounter.com/counter.php?sc_project=2249165&java=0&security=8fcf1355&invisible=0"
alt="free hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code --> </td>
    </tr>
    <tr>
      <td><a href="http://anarchistboards.proboards66.com/"><img
 style="border: 0px solid ; width: 200px; height: 50px;" alt=""
 title="The Official Anarchist Studios forum"
 src="../Desktop/comicgenesis/backgroundcomic-items/forumimage.jpg"></a></td>
      <td>***calendar***</td>
    </tr>
    <tr>
      <td colspan="1" rowspan="4">
      <div id="header">Powered by <a
 href="http://www.shoutmix.com">ShoutMix</a> </div>
      <div id="shoutbox"> <iframe
 src="http://www.shoutmix.com/?anarchist_studios" frameborder="0"
 height="100%" scrolling="auto" width="100%">&amp;amp;lt;a&amp;amp;gt;View
shoutbox&amp;amp;lt;/a&amp;amp;gt; </iframe> </div>
      <br>
      </td>
      <td>Other</td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center;">***first_day***
***previous_day*** ***next_day*** ***last_day***</td>
      <td></td>
    </tr>
    <tr align="center">
      <td colspan="3" rowspan="1">
      <div style="text-align: left;"><span
 style="font-weight: bold;"><br>
      </span></div>
***Advertisement***</td>
    </tr>
  </tbody>
</table>
<br style="color: rgb(255, 255, 255);">
<div style="color: rgb(255, 255, 255);" class="main"><br>
<div style="text-align: center;"><span
 style="color: rgb(0, 0, 0);">
***comic_name*** is hosted on </span><a
 style="color: rgb(0, 0, 255);"
 href="http://www.comicgenesis.com">ComicGenesis</a><span
 style="color: rgb(0, 0, 0);">, a free webhosting and site
automation service for webcomics.</span></div>
</div>
</body>
</html>

and it should look like this.

i realize this is a lot of code, but thats how it SHOULD look (well, somethings to patch up.)

however,
unexpected.comicgenesis.com is how it looks now- much different in the pic, (the next, previous are text, but its the only thing thats really working correctly :P )

so im wondering; whys it going wrong? whats keeping it from updating? and why can't i get this template for previous comics


any help is muchly appreciated :)

-Robin

[Wyldcherry]

I'm guessing (according to the code you posted) the reason why some of your images are not coming up because the image location link is wrong.

ie:

Code: Select all

<img
 style="border: 0px solid ; width: 200px; height: 50px;" alt=""
 title="Complete month by month archive of The Unexpected"
 src="../Desktop/comicgenesis/backgroundcomic-items/archiveimage.jpg">

should be something like:

Code: Select all

<img
 style="border: 0px solid ; width: 200px; height: 50px;" alt=""
 title="Complete month by month archive of The Unexpected"
 src="/images/archiveimage.jpg">

Just open it in notepad and change the linked locations to the right ones.

I'd be wary of WYSIWYG editors. I mean NVU is pretty good, especially when designing a layout. However, the automatic coding can act buggy (like add extra spacers and mess up links). So after you have the basic design, open it up in notepad to check for the mistakes in coding and fix them.

[Anarchist]

thanks
im going to check the HTML tomorow- im still not sure about the opening warning however. but thanks muchly.

-R

[Dr Neo Lao]

Do you do 'live' editing or do you edit the templates off-line? What I mean is - do you connect to the server and edit the file with the connection still open, or do you save the file to your computer, work on it at your leisure and then upload it once it's ready?

At the start of your post you said "cannot be edited for an unknown reason". That sounds to me more like you can't save the new version onto the server rather than there being a problem with the code.

It may be that with the current server migration, you just happen to have tried to do a file transfer when it wasn't possible.

[Anarchist]

i save the file to my documents, then upload them. the message is shown only when i load that 1 HTML file.