rejetto forum

this makes no sense

0 Members and 1 Guest are viewing this topic.

Offline crazyjust

  • Occasional poster
  • *
    • Posts: 37
    • View Profile
ok everyone knows im no good with html but when i made this template, it works good with firefox but check it out with ie. http://just-n-freak.kicks-ass.net     

here is the code if anyone can see where i screwed up

<!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><div align="center"><FONT SIZE="+4";font color="#00ff00"><i>Welcome To Just-N-Freak File Server<i></FONT>
<br>
<TABLE BORDER="0">
<TR>
<TD><div class="uploadbutton">
  <a href="/Upload/~upload"title="Here You Can Upload Files To the Upload Folder. I have To Add them After Approval">
  <button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Upload Files</FONT><b>
  </button></a></TD>
<TD><div align="center"><div class=button>
<form style='width:163px' action='%folder%' method='get'>
<center><button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Search</FONT><b><value="{.?search.}">
</button></a><center><br>
<input name=search size=23 value="{.?search.}"></TD>
<TD><div class="Contact Us">
  <a href="mailto:justme488@yahoo.com"title="Any Problems Or Questions, let us know">
  <button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Contact Us</FONT><b>
  </button></a></TD>
</TD>
</TR>
<TABLE BORDER="0">
<TR>
<img src="/~img_graph615x40" style="border:1px solid #00ff00;"></div>

<p></TABLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
<link rel="stylesheet" href="/~style.menu.css" type="text/css" />
<title>Just-N-Freak File Server</title>
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 5.5]>
<style type="text/css">
</style>
<![endif]-->
{.comment|
Thanks to the following line, you can customize the appearance of the original template by
right click on the root -> advanced -> diff template
then type [style.user] followed by all the CSS commands you want.
This way you will stay up to date while the original template improves.
.} 
<style type="text/css">{.$style.user.}<TEXT="#00ff00"></style>

</head>


<table width='100%'>
<tr>
<td width='95%'>
{.if| %user% |
<td nowrap>

/if.}
{.if| {.get|can recur.} |
<td nowrap>

/if.}




<!--[if lte IE 6]><table><tr><td><![endif]-->
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>

</table>
<div id=body><center><font color="#00ff00">
  {.if| %folder-item-comment% | <div id=foldercomment>%folder-item-comment%</div> .}
  {.if| {.?search.} | <a class=big href="."><img src="/~img14" /> {.!BACK.}</a>
    | {.if| {.%folder% != / .} | <a class=big href=".."><img src="/~img14" /> {.!Please Wait....}</a> .}
  /if.}
  {.if not| %number% | <div class=big>{.!No files.}</div> |
    <div id=folderstats><i><div align="center"><FONT SIZE="+1";font color="#00ff00"> </div><i>If You Have Something To Share, Please Upload</FONT></div>
    <table id=files cellpadding=5>
    <th><a href="{.get|url|sort=n|rev={.not|{.?rev.} .} .}">{.!Filename.}</a><a href="{.get|url|sort=e|rev={.not|{.?rev.} .} .}"></a>
    <th><a href="{.get|url|sort=s|rev={.not|{.?rev.} .} .}">{.!Filesize.}</a>
    <th><a href="{.get|url|sort=t|rev={.not|{.?rev.} .} .}">{.!Filetime.}</a>
    <th><a href="{.get|url|sort=d|rev={.not|{.?rev.} .} .}">{.!Hits.}</a>
    %list%
    </table>
  /if not.}
</div>
<body><table border="4" bordercolor="#00ff00" width="34%" bgcolor="#000000">
<tr><th colspan="2"><FONT SIZE="-1""font color="#00ff00">Server Stats</font></th></tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Your IP address</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%ip%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Page generated in</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%build-time% Second(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current server time</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%timestamp%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current Server Outbound</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%speed-out%KB/s</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current Server Inbound</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%speed-in%KB/s</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Connections currently connected</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%connections% connection(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Server Uptime</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%uptime%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Number of folder(s)</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%number-folders% Folder(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Number of file(s)</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%number-files% File(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Disk Space available</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%diskfree%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Total size</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%total-size%</font></td>
</tr>
</table></p>
<div id=footer></p>
<div align="center"><FONT SIZE="+1"font color="#00ff00">Powered By <a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a></FONT></div>

</div>

</body>
</html>
<!-- Build-time: %build-time% -->

[style.css|no log]
body, th { font-family:tahoma, verdana, arial, helvetica, sans;font-weight:bold;color:00ff00; font-size:9pt; }
body { margin:0; background-color:#000000; padding:10px; }
p { margin:0 }
a { font-weight:bold; color:#00ff00; }
a:visited { color:grey; }
a:hover{color:blue;}
img { border-style:none }
#files td { font-size:10pt; background:#000000; border:1px solid #00ff00 }
#files td img { vertical-align:top }
#files th, th a, th a:visited { color:#00ff00; font-size:13pt; padding-bottom:0; }
#foldercomment { font-size:10pt; color:#00ff00; background:#000000; padding:3px;border:1px solid #00ff00 ; border-bottom:3px solid #00ff00; margin-top:2px; }
#folder, .big { font-size:14pt; }
#folderlabel, #folderstats, #footer { font-size: 8pt;color:#00ff00}
#body{width:64%;
  border-bottom: 4px solid #00ff00;
     border-top: 4px solid #00ff00;
    border-left: 1px solid #00ff00;
   border-right: 1px solid #00ff00;
  background:#000000;
}
.comment { font-size:7pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }
.button { padding:5px; padding-top:7px; border:1px outset #00ff00; background:black; font-size:8pt; font-weight:bold; }
a.button { padding:8px 10px; }
a.button img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
.item-folder { font-size:smaller; margin-top:4px; }

[style.menu.css|no log]
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

hr { clear:both; margin-bottom:30px }
.left { clear:both; }

[item start]
  <tr><td>
  {.if|{.get|is new.}|<span class=flag>&nbsp;NEW&nbsp;</span>.}
  {.if not|{.get|can access.}|<img src='/~img_lock'>.}
 <a href="%item-url%"> %item-name%</a>
  {.if| {.?search.} |{:<div class=item-folder>{.!item folder.} <a href="%item-folder%">%item-folder%</div>:} .}
  {.if| %item-comment% | <div class=comment>%item-comment%</div> .}

[file]
{.$item start.}<td align=right>%item-size%<td align=right>%item-modified%<td align=right>%item-dl-count%

[folder]
{.$item start.}<td align=center><i>folder</i><td align=right>%item-modified%<td align=right>%item-dl-count%

[link]
{.$item start.}<td colspan=3 align=center><i>link</i>

[error-page]
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="/~style.css" type="text/css" />
  </head>
<body>
%content%
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:8pt;{ font-weight:bold; font-size:8pt; background:#000000;">
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%<<a href="%item-url%"></> %item-name%</a></a>
<br />%timestamp%
</div>
</body>
</html>

[not found]
<h1>{.!Not found.}</h1>
<a href="/">{.!go to root.}</a>

[overload]
<h1>{.!Server busy.}</h1>
{.!retry later.}

[max contemp downloads]
<h1>Download limit</h1>
{.!max c dl msg.}

[unauthorized]
<h1>Unauthorized</h1>
This is a protected resource.
<br />Your username/password doesn't match.

[deny]
<h1>Unallowed</h1>
This resource is not accessible.

[ban]
<h1>You are banned.</h1>
%reason%

[upload]
<html>
<head>
  <title>HFS %folder%</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="/~style.css" type="text/css" />
</head>
<body>
<script language="javascript">
var s1, s2;
if (window.parent.progress) s1 = '" target=_parent', s2 = '{.!CLOSE PROGRESS FRAME.}';
else s1 = '+progress"', s2= '{.!ADD PROGRESS FRAME.}';
document.write('<a href="~upload'+s1+' class=button onClick="if (frm.upbtn.disabled) return false;"><img src="/~img10" /> '+s2+'</a>');
</script>
<a href="." target=_parent class=button><img src="/~img21" /> {.!CANCEL UPLOAD.}</a>
<div style="margin-top:25px" id=folderlabel>{.!folder.}</div>
<div id=folder>%folder%</div>
<div id=body>
<form name=frm action="." target=_parent method=post enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">
%upload-files%
<input name=upbtn type=submit value="{.!Upload files.}">
</form>
<br />{.!progress advice.}
</div>
<div id=footer>
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />{.!Servertime.}: %timestamp%
<br />{.!Uptime.}: %uptime%
<br />{.!Disk space.}: %diskfree%
</div>
</body>
</html>

[upload-file]
<input name=fileupload%idx% size=70 type=file><br />

[upload-results]
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="/~style.css" type="text/css" />
  <title>HFS %folder%</title>
</head>
<body>
<div style="margin-top:25px" id=folderlabel>{.!folder.}</div>
<div id=folder>%folder%</div>
<div id=body>
%uploaded-files%
<br /><br />
<a href="." target=_parent class=big><img src="/~img14" /> {.!Back to the folder.}</a>
</div>
<div class=footer>
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />{.!Servertime.}: %timestamp%
<br />{.!Uptime.}: %uptime%
<br />{.!Disk space.}: %diskfree%
</div>
</body>
</html>

[upload-success]
<li><a href='%item-url%'>%item-name%</a>: <b>{.!OK.}</b> --- %item-size%  ({.!Speed.} %speed% KB/s)
{.if| %user% |{: {.append| %folder-resource%\hfs.comments.txt |{.filename|%item-resource%.}=uploaded by %user%
/append.} :}/if.}

[upload-failed]
<li>%item-name%: <b>{.!FAILED.}</b> ---  {.!%reason%.}

[upload+progress]
<html>
<head>
<frameset cols=200,*>
  <frame name=progress src="/~progress" scrolling=auto marginwidth=0>
  <frame src="~upload-no-progress" scrolling=auto>
</frameset>
</head>
<body>
</body>
</html>

[progress]
<html>
<head>
  <meta http-equiv="Refresh" content="7;URL=/~progress">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="/~style.css" type="text/css" />
  <style>
  .filename { font-weight:bold; font-size:8pt; }
  .bytes { font-size:7pt; }
  .perc { font-size:14px; vertical-align:middle; }
  .out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; float:left; }
  .in_bar { height:16px; background:white; color:white;  }
  #body { margin-left:0; margin-right:0; }
  body { padding:2px; }
  #graph { border:white outset 2px; }
  </style>
  <title>HFS - {.!Progress status.}</title>
</head>
<body>
<div class=big>{.!Progress status.}</div>
{.!Auto-refresh.}: 7 {.!seconds.}
<br /><br /><img src="/~img_graph190x40" id="graph" />
<div id=body>
%progress-files%
</div>
<div id=footer>{.!Uptime.}: %uptime%</div>
</body>
</html>

[progress-nofiles]
<div class=big>No file exchange in progress.</div>

[progress-upload-file]
<span class=flag>&nbsp;up&nbsp;</span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
  <div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>

[progress-download-file]
<span class=flag>&nbsp;down&nbsp;</span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
  <div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>


max c dl msg=On this server there is a limit on the number of <b>simultaneous</b> downloads.<br />This limit has been reached. Retry later.
retry later=Please, retry later.
progress advice=Before uploading you may want to open a <a target='_blank' href="/~progress">progress status window</a>.
item folder=in folder


Offline Foggy

  • Tireless poster
  • ****
    • Posts: 806
    • View Profile
what version of IE did you use?

As far as I know your template is fine. http://validator.w3.org/check?uri=http%3A%2F%2Fjust-n-freak.kicks-ass.net%2F&charset=(detect+automatically)&doctype=Inline&group=0

If you do a google search you will find that IE is far from perfect.


Offline crazyjust

  • Occasional poster
  • *
    • Posts: 37
    • View Profile

Offline crazyjust

  • Occasional poster
  • *
    • Posts: 37
    • View Profile
i just wanna get my template to display in ie7 like it does in firefox...well i wanna move some stuff around..I have a problem with positioning lol....anyone wanna help?
« Last Edit: March 24, 2008, 11:44:52 PM by crazyjust »


Guest

  • Guest
I just tested your template out with IE 6 and everything is in rather random spots, my suggestions, either forget about IE users, put a little disclaimer at the top saying it works in FF or re-code it.


Offline crazyjust

  • Occasional poster
  • *
    • Posts: 37
    • View Profile
i'd like to recode it but i dont know what to change honestly...lots of my friends use ie and i would like it to work but i need help


Offline bacter

  • Operator
  • Tireless poster
  • *****
    • Posts: 681
    • View Profile
Perhaps you should start here. Learning some html will save your time, both on writing and on debugging.

http://www.w3schools.com/html/default.asp

Your example template, also if there would be no syntax-error, makes first a very stange use of the <head> section (table and presentation inside head!), then you have html code (another table !) between (!!!) the head and body section. This way it's not only dificult to read for humans, also msie could have problems what to do...

After some basic introduction to html i recomend you to read someting about stylesheets (css) - this can make your code much simpler and more readable.
your computer has no brain - use your own !