PDA

Click to See Complete Forum and Search --> : Can you help?

DanUK
03-31-2003, 02:57 PM
Hello, I hope you can help me. I just wanted to ask before I pasted anything if i can post the HTML code of a page and see if any of you can spot why in IE/Konqueror the site looks perfect, but in Mozilla a line is out of place. If you can help please let me know and I'll paste it; I just didn't want to paste without asking.

Many thanks. :o
lauren
03-31-2003, 02:58 PM
you can paste it, or send it as an attachment.
DanUK
03-31-2003, 03:42 PM
thanks, basically here's hthe code..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>title</title>

<meta NAME="description" CONTENT="desc">
<meta NAME="keywords" CONTENT="keyword">

<link rel="stylesheet" href="style1.css" type="text/css" media="screen">
<script type="text/javascript" src="mover.js"></script>

</head>

<body background="images/bg.gif" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"><a name="top"></a>

<table width="702" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="702">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/t28_01.gif" width="130" height="135"></td>
<td><img src="images/t28_02.gif" width="245" height="135"></td>
<td><img src="images/t28_03.gif" width="295" height="135"></td>
<td><img src="images/t28_04.gif" width="31" height="135"></td>
<td><img src="images/spacer.gif" width="1" height="135"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="15"></td>
<td valign="top" background="images/t28_17.gif">
<table border="0" cellpadding="0" cellspacing="0">
<td><a href="index.html" onmouseover="on1();" onmouseout="off1();"><img src="images/butt_1.gif" width="23" height="37" border="0" name="a"></a></td>
<td rowspan="6"><img src="images/spacer.gif" width="17" height="235" name="labelb"></td>
</tr>

<tr>
<td><a href="aup.html" onmouseover="on2();" onmouseout="off2();"><img src="images/butt_2.gif" width="23" height="40" border="0" name="b"></a></td>
</tr>

<tr>
<td><a href="contact.html" onmouseover="on3();" onmouseout="off3();"><img src="images/butt_3.gif" width="23" height="40" border="0" name="c"></a></td>
</tr>

<tr>
<td><a href="news.html" onmouseover="on4();" onmouseout="off4();"><img src="images/butt_4.gif" width="23" height="40" border="0" name="d"></a></td>
</tr>

<tr>
<td><a href="register.html" onmouseover="on5();" onmouseout="off5();"><img src="images/butt_5.gif" width="23" height="40" border="0" name="e"></a></td>
</tr>

<tr>
<td><a href="status.html" onmouseover="on6();" onmouseout="off6();"><img src="images/butt_6.gif" width="23" height="38" border="0" name="f"></a></td>
</tr>

<tr>
<td colspan="2"><img src="images/t28_17.gif" width="40" height="25"></td>
</tr>
</table>
</td>

<td>
<table border="0" cellpadding="0" cellspacing="0">
<td><img src="images/spacer.gif" width="75" height="17" name="label"></td>
<td><img src="images/spacer.gif" width="570" height="17"></td>
<td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="17"></td>
</tr>
<tr>
<td colspan="2" width="645" height="243"><p align="center"><font color="#000000" size="1" face="Tahoma">text
here</font></p>
</td>
<td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="243"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/t28_18.gif" width="55" height="30"></td>
<td background="images/bg_bott.gif" width="615" height="30"></td>
<td><a href="#top"><img src="images/butt_top.gif" width="31" height="30" border="0"></a></td>
<td><img src="images/spacer.gif" width="1" height="30"></td>
</tr>
</table>
</td>
</tr>
</table>
<br>

</body>
</html>
Nedals
03-31-2003, 03:59 PM
Without going through all the code in detail, I notice you are missing a couple of <TR> tags at the beginning to 2 nested tables. There are diffent numbers of <TD> cells in one table.
Look over your layout. Use indent to spot the errors.
<table...>
<tr>
<td>..</td>
<td>..</td>
</tr>
etc.
DanUK
03-31-2003, 04:02 PM
sorry i'm new to this .. :( does every line need to end in a td? or which ones are missing? thanks for your help
lauren
03-31-2003, 05:00 PM
in most cases, you do need to end each tag. right at the bottom you have closed two </table> tabs.
if you have dreamweaver, dreamweaver will debug your erros for you, or at least tell you where your errors are. alternatively you can double click the yellow icon(lbottom eft hand side of page) which will be on your IE page.
Also check out
http://echoecho.com/html.htm
its a very good site, which comes with tutorials.
try and indent your tags, as the previous post said, it makes it easier when you come to look at what tags you have opened and closed...
Nedals
03-31-2003, 07:49 PM
sorry i'm new to this .. does every line need to end in a td? or which ones are missing?Since you are new at this then why not start off in the right direction :) Don't use tables for layout. Use CSS instead. I've attached a CSS version of your page and have added borders so you can see how it is organized. As you can see it's a lot easier and there are a ton of people here to help you out along the way.

You should definately read that tutorial and study up on tables but only for use with tabular data.