what's wrong? [Archive] - WebDeveloper.com

Click to See Complete Forum and Search --> : what's wrong?

DanUK

07-15-2003, 01:36 AM

Hello HTML-people.
I hope you can help me.
In all browsers I've tried, Konqueror, IE, Mozilla my code works fine. However, in Opera, the following code, which produces the navigation to the left, has odd 'spaces' in it. Here is the code:
Can you see any issue with it please, because I cannot :\:

<code>
<tr>
<td class="bodyplain" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" bgcolor="5F6F7F" valign="top" background="../images/bkgrnbody.jpg" style="background-repeat: no-repeat;"><TABLE border=0 cellPadding=0 cellSpacing=0 width=150>
<TBODY>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=29 src="../images/blah2.gif" width=150></FONT></TD>
</TR>
<TR>
<TD background=../images/blah4.gif width=17></TD>
<TD bgColor=#ffffff vAlign=top width=114><FONT face=Tahoma size=1><strong>
<IMG height=9 src="../images/arrow.gif" width=9> <FONT class=content color=#363636>LINK TITLE1<BR></FONT></strong><FONT class=content color=#363636>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a></FONT></FONT></TD>
<TD background=../images/blah3.gif width=19></TD>
</TR>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=21 src="../images/blah5.gif" width=150></FONT></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=138>
<TBODY>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=29 src="../images/blah2.gif" width=150></FONT></TD>
</TR>
<TR>
<TD background=../images/blah4.gif width=17></TD>
<TD bgColor=#ffffff vAlign=top width=114><FONT face=Tahoma size=1><IMG height=9 src="../images/arrow.gif" width=9>
<FONT class=content color=#363636><b>LINK TITLE2</b></FONT></FONT><FONT class=content color=#363636 face=Tahoma size=1><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a></FONT></TD>
<TD background=../images/blah3.gif width=19></TD>
</TR>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=21 src="../images/blah5.gif" width=150></FONT></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=147>
<TBODY>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><BR>
<IMG border=0 height=29 src="../images/blah2.gif" width=150></FONT></TD>
</TR>
<TR>
<TD background=../images/blah4.gif width=17></TD>
<TD bgColor=#ffffff vAlign=top width=114><FONT face=Tahoma size=1><IMG height=9 src="../images/arrow.gif" width=9>
<FONT class=content color=#363636><b>LINK TITLE3</b></FONT></FONT><FONT class=content color=#363636 face=Tahoma size=1><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width=8> <a href="link">link</a></FONT></TD>
<TD background=../images/blah3.gif width=19></TD>
</TR>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=21 src="../images/blah5.gif" width=150></FONT></TD>
</TR>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><BR>
<IMG border=0 height=29 src="../images/blah2.gif" width=150></FONT></TD>
</TR>
<TR>
<TD background=../images/blah4.gif width=17></TD>
<TD bgColor=#ffffff vAlign=top width=114><FONT face=Tahoma size=1><strong><IMG height=9 src="../images/arrow.gif" width=9>
<font color="#363636">LINK TITLE4 </font></strong><FONT class=content color=#363636><a href="link"><img src="../images/link3.gif" width="20" height="10" border="0"></a></FONT></FONT></TD>
<TD background=../images/blah3.gif width=19></TD>
</TR>
<TR>
<TD colSpan=3 width=150><FONT face=Tahoma size=1><IMG border=0 height=21 src="../images/blah5.gif" width=150></FONT></TD>
</TR>
</TBODY>
</TABLE>
</code>

gil davis

07-15-2003, 04:55 AM

Why are you surrounding images with a FONT tag?

Perhaps Opera does not understand either. Or perhaps it does not know what Tahoma is.

Also, it is preferred practice to delimit all HTML attributes with double quotes. In fact, it is required in XML and XHTML.

Charles

07-15-2003, 05:04 AM

Originally posted by gil davis
Also, it is preferred practice to delimit all HTML attributes with double quotes. In fact, it is required in XML and XHTML. From the HTML 4.01 Specification
By default, SGML requires that all attribute values be delimited using either double quotation marks (ASCII decimal 34) or single quotation marks (ASCII decimal 39). Single quote marks can be included within the attribute value when the value is delimited by double quote marks, and vice versa. Authors may also use numeric character references to represent double quotes (") and single quotes ('). For double quotes authors can also use the character entity reference ".

In certain cases, authors may specify the value of an attribute without any quotation marks. The attribute value may only contain letters (a-z and A-Z), digits (0-9), hyphens (ASCII decimal 45), periods (ASCII decimal 46), underscores (ASCII decimal 95), and colons (ASCII decimal 58). We recommend using quotation marks even when it is possible to eliminate them.
http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2

DanUK

07-15-2003, 05:04 AM

ok thanks, how do you mean *double quotes*, sorry?

DanUK

07-15-2003, 05:27 AM

ok, does this look a bit better pelase?

<tr>
<td class="bodyplain" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" bgcolor="5F6F7F" valign="top" background="../images/bkgrnbody.jpg" style="background-repeat: no-repeat;"><TABLE border=0 cellPadding=0 cellSpacing=0 width=150>
<TBODY>
<TR>
<TD colSpan=3 width=150><IMG border=0 height=29 src="../images/blah2.gif" width=150></TD>
</TR>
<TR>
<TD background=../images/blah4.gif width=17></TD>
<TD bgColor="#ffffff" vAlign="top" width="114"><FONT face="Tahoma" size="1"><strong>
<IMG height=9 src="../images/arrow.gif" width=9> <FONT class="content" color="#363636">LINK TITLE1<BR></FONT></strong>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a></FONT></TD>
<TD background="../images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="21" src="../images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="0" cellPadding="0" cellSpacing="0" width="138">
<TBODY>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="29" src="../images/blah2.gif" width=150></TD>
</TR>
<TR>
<TD background="../images/blah4.gif" width="17"></TD>
<TD bgColor="#ffffff" vAlign="top" width="114"><FONT face=Tahoma size=1><IMG height=9 src="../images/arrow.gif" width="9">
<FONT class="content" color="#363636"><b>LINK TITLE2</b></FONT></FONT><FONT class="content" color="#363636" face="Tahoma" size="1"><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a></FONT></TD>
<TD background="../images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height=21 src="../images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="0" cellPadding="0" cellSpacing="0" width="147">
<TBODY>
<TR>
<TD colSpan="3" width="150"><BR>
<IMG border="0" height="29" src="../images/blah2.gif" width="150"></TD>
</TR>
<TR>
<TD background="../images/blah4.gif" width="17"></TD>
<TD bgColor="#ffffff" vAlign="top" width="114"><FONT face="Tahoma" size="1"><IMG height="9" src="../images/arrow.gif" width="9">
<FONT class="content" color="#363636"><b>LINK TITLE3</b></FONT></FONT><FONT class="content" color="#363636" face="Tahoma" size="1"><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a><BR>
<IMG height=8 src="../images/bulletb.gif" width="8"> <a href="link">link</a></FONT></TD>
<TD background="../images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="21" src="../images/blah5.gif" width="150"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><FONT face="Tahoma" size="1"><BR>
<IMG border="0" height="29" src="../images/blah2.gif" width="150"></FONT></TD>
</TR>
<TR>
<TD background="../images/blah4.gif" width="17"></TD>
<TD bgColor="#ffffff" vAlign="top" width="114"><FONT face="Tahoma" size="1"><strong><IMG height=9 src="../images/arrow.gif" width=9>
<font color="#363636">LINK TITLE4 </font></strong><FONT class="content" color="#363636"><a href="link"><img src="../images/link3.gif" width="20" height="10" border="0"></a></FONT></FONT></TD>
<TD background="../images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="21" src="../images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>

DanUK

07-15-2003, 12:30 PM

hi, can you tell me whether that code i pasted is 'better' please? IF you can help ifs much appreciated.
Thanks.