Gossamer Forum
Home : Products : Links 2.0 : Discussions :

The problem no one can solve

Quote Reply
The problem no one can solve
Here is html generated by gossamer.

Look at it in IE and Netscape. It is displayed differently.

ATTENTION: If you cannot see the difference, please do not reply.

If you see the difference, can you explain why the html generated
by gossamer looks different in the two browsers.

Thanks,

Dadpups

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="description" content="put your description here">
<meta name="keywords" content="put your keywords here">
<title>ESLinks</title>
</head>

<body>

<div align="center">
<center>
<table border="0" width="784" cellspacing="0" cellpadding="0">
<tr>
<td width="333"><img border="0" src="http://www.eslemployment.com/images/eslemployment.jpg" width="336" height="77"></td>
<td width="435"><img border="0" src="http://www.eslemployment.com/images/employmentadd.jpg" width="440" height="70"></td>
</tr>
<tr>
<td align="center" bgcolor="#3B9B9E" width="774" colspan="2"><img border="0" src="http://www.eslemployment.com/images/homenav.jpg" width="234" height="23"></td>
</tr>
<tr>
<td width="774" colspan="2" height="5"></td>
</tr>
</center>
<center>
</table>
</center>
</div>

<div align="center">
<center>
<table border="0" width="784" cellspacing="0" cellpadding="4">
<tr>
<td width="504" align="center">
<table border="0">
<tr>
<td>

<!--Begin Links-->


<p align="center"><b><font face="Arial" size="3">ESLinks</font></b>
</p>

<p align="center"><font face="Arial" size="2">|
<a href="http://www.eslemployment.com/cgi-bin/links/add.cgi">Add a Resource</a> |
<a href="http://www.eslemployment.com/eslinks/pages/New">What's New</a> |
<a href="http://www.eslemployment.com/eslinks/pages/Cool">What's Cool</a> |
<a href="http://www.eslemployment.com/eslinks/pages/Ratings">Top Rated</a> |
<a href="http://www.eslemployment.com/cgi-bin/links/jump.cgi?ID=random">Random Link</a> |</font>
</p>



<p><font face="Arial" size="2">
<div align="center"><center><table width="50%" border="0" cellspacing="0" cellpadding="0"><tr><td class="catlist" valign="top">
<dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Communities/">Communities</a></font></b>&nbsp<small class="numlinks">(3)</small> </dt></dl><dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Resources/">Resources</a></font></b>&nbsp<small class="numlinks">(3)</small> <small><sup class="new">new</sup></small></dt></dl></td><td class="catlist" valign="top">
<dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Schools/">Schools</a></font></b>&nbsp<small class="numlinks">(4)</small> <small><sup class="new">new</sup></small></dt></dl><dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Training/">Training</a></font></b>&nbsp<small class="numlinks">(1)</small> <small><sup class="new">new</sup></small></dt></dl></td></tr></table></div>

</font>
</p>


<!--End Links-->

</td>
</tr>
</table>
</td>
<td width="280" bgcolor="#C0C0C0">

</td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" width="784" cellspacing="0" cellpadding="0">
<tr>
<td width="774" height="5"></td>
</tr>
<tr>
<td bgcolor="#3B9B9E" width="774">
<p align="center">Copyright 1999 ESLonLine</td>
</tr>
</table>
</center>
</div>

</body>

</html>
Quote Reply
Re: The problem no one can solve In reply to
Well, the difference I think is attributed to the use of Cascading Style Sheet codes in the category table, and you are not even using the Cascading Style Sheet (.css) file.

This is most likely causing the alignment problem that you brought up in your other Thread.

Wink

Regards,

------------------
Eliot Lee
Anthro TECH,L.L.C
www.anthrotech.com
----------------------




Quote Reply
Re: The problem no one can solve In reply to
Eliot,

Please look at my original question. Why do these html files display differently. Forget for the time being how they were generated.
Quote Reply
Re: The problem no one can solve In reply to
Eliot,

Thanks for your reply. I image you are a webpage design consultant. Can you rewrite the html to make it look the same.

Thanks for the help.

Quote Reply
Re: The problem no one can solve In reply to
The reason that the codes are generated in this manner is that the nph-build.cgi script uses the home.html template file and the codes in the site_html_template.pl file to print the layout of the categories.

As I suggested to you before, you need to edit the HTML codes in the $output .= qq| and |; statements in the sub site_html_print_cat routine in the site_html_templates.pl file!

My suggestion is that since you have doubted my advice...is to delete all the class codes and also sup codes in the routine I just mentioned. See if it works.

Good luck!

Regards.


------------------
Eliot Lee
Anthro TECH,L.L.C
www.anthrotech.com
----------------------






[This message has been edited by Eliot (edited January 17, 2000).]
Quote Reply
Re: The problem no one can solve In reply to
 
Code:
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
Big difference when propriotory software is used to generate the pages!
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
coding standards which includes many codes which are supported only by 5.x browsers (you didn't mention which version of IE or NN you are viewing with) and in fact, the standards include many codes which are not yet supported by any browser (TABLEFOOT being one I can think of immediately.)

Other problems which I noticed - and Eliot pointed out - throughout the entire document you reference class= and class/styles are not defined anywhere.

Please - include a URL to a live page rather than posting the HTML for the page - you asked for someone to take a look at the page in the two browsers yet doing so requires either A) saving your HTML code to our systems and then loading and viewing or B) being a detective and trying to locate how the page can actually be viewed.

Finally found the live page at http://www.eslemployment.com/eslinks/pages/

BTW There are some great resources and an HTML validator available at/from the HTML Writer's Guild www.hwg.org

------------------
~ ~ ~ ~ ~
Karen
Quote Reply
Re: The problem no one can solve In reply to
Forgot to mention . . . Eliot, know you really emphasize "search" the forums . . . you had mentioned another post regarding "alignment" and I went to search for the other post. Tried search term alignment and tried searching for user name jpeebles - both searches turned up empty!

------------------
~ ~ ~ ~ ~
Karen
Quote Reply
Re: The problem no one can solve In reply to
Well, Karen...I know that jeebles posted the same problem in a duplicate Thread in this Forum...and recently.

Why...because I tried helping him before!

Frown

Regards,

------------------
Eliot Lee
Anthro TECH,L.L.C
www.anthrotech.com
----------------------




Quote Reply
Re: The problem no one can solve In reply to
I am having the same problem.

It is amazing to me how people make things complicated when the aren't!

Again, can some html guru tell me why jpeebles html displays differently in IE 5.0 and NS 4.7?

Maybe this, maybe that, but the problem remains unsolved.

Quote Reply
Re: The problem no one can solve In reply to
Hello fellow Linkers,

I came accross this while doing a search and I love to solve problems so I had to look Smile

Maybe you have all solved it already but I saw nowhere it was stated.

We all know NS and IE render many tags differently ... tables being one, NS is not for giving to coding errors IE is. That being said the question is do you want the gray cell right of the ESLinks cell to display gray as in IE or white as in NS. The solution is easy in either case. below is the code change with comment tags.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="description" content="put your description here">
<meta name="keywords" content="put your keywords here">
<title>ESLinks</title>
</head>

<body>

<div align="center">
<center>
<table border="0" width="78" cellspacing="0" cellpadding="0">
<tr>
<td width="333"><img border="0" src="http://www.eslemployment.com/images/eslemployment.jpg" width="336" height="77"></td>
<td width="435"><img border="0" src="http://www.eslemployment.com/images/employmentadd.jpg" width="440" height="70"></td>
</tr>
<tr>
<td align="center" bgcolor="#3B9B9E" width="774" colspan="2"><img border="0" src="http://www.eslemployment.com/images/homenav.jpg" width="234" height="23"></td>
</tr>
<tr>
<td width="774" colspan="2" height="5"></td>
</tr>
</center>
<!-- <center> you don't need this -->
</table>
<!-- </center> you don't need this -->
</div>

<div align="center">
<center>
<table border="0" width="780" cellspacing="0" cellpadding="4">
<tr>
<td width="500" align="center">
<table border="0">
<tr>
<td>

<!--Begin Links-->


<p align="center"><b><font face="Arial" size="3">ESLinks</font></b>
</p>

<p align="center"><font face="Arial" size="2">|
<a href="http://www.eslemployment.com/cgi-bin/links/add.cgi">Add a Resource</a> |
<a href="http://www.eslemployment.com/eslinks/pages/New">What's New</a> |
<a href="http://www.eslemployment.com/eslinks/pages/Cool">What's Cool</a> |
<a href="http://www.eslemployment.com/eslinks/pages/Ratings">Top Rated</a> |
<a href="http://www.eslemployment.com/cgi-bin/links/jump.cgi?ID=random">Random Link</a> |</font>
</p>



<p><font face="Arial" size="2">
<div align="center"><center><table width="50%" border="0" cellspacing="0" cellpadding="0"><tr><td class="catlist" valign="top">
<dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Communities/">Communities</a></font></b> <small class="numlinks">(3)</small> </dt></dl><dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Resources/">Resources</a></font></b> <small class="numlinks">(3)</small> <small><sup class="new">new</sup></small></dt></dl></td><td class="catlist" valign="top">
<dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Schools/">Schools</a></font></b> <small class="numlinks">(4)</small> <small><sup class="new">new</sup></small></dt></dl><dl><dt><b><font size="2" face="Arial"><a class="link" href="http://www.eslemployment.com/eslinks/pages/Training/">Training</a></font></b> <small class="numlinks">(1)</small> <small><sup class="new">new</sup></small></dt></dl></td></tr></table></div>

</font>
</p>


<!--End Links-->

</td>
</tr>
</table>
</td>
<!-- if you want a white cell in IE and NS remove bgcolor="#C0C0C0" in the cell below or change it to #FFFFFF I suggest you leave the <br> tag either way -->
<td width="280" bgcolor="#C0C0C0">
<!-- if you want a gray cell in both IE and NS add this <br> tag as below or you can use this -->
<br>
</td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" width="784" cellspacing="0" cellpadding="0">
<tr>
<td width="774" height="5"></td>
</tr>
<tr>
<td bgcolor="#3B9B9E" width="774">
<p align="center">Copyright 1999 ESLonLine</td>
</tr>
</table>
</center>
</div>

</body>

</html>


One other thing I would change the table width to 780 in stead of 784 as this will fit the 800x600 screen res without going off page, of course you'll have to resize the other tables and cell as well, but it will look better.


JC ... Smile



[This message has been edited by ProTron (edited April 28, 2000).]
Quote Reply
Re: The problem no one can solve In reply to
Using percentages for table width is ALWAYS a better idea than pixils to provide content without horizontal scrolling, which is highly annoying to most users.

Regards,

------------------
Eliot Lee....
Former Handle: Eliot
Anthro TECH, L.L.C
anthrotech.com
* Check Resource Center
* Search Forums
* Thinking out of the box (codes) is not only fun, but effective.