/    Sign up×
Community /Pin to ProfileBookmark

what’s wrong?

Copy linkTweet thisAlerts:
Jul 15.2003

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>

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisJul 15.2003 — 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.
Copy linkTweet thisAlerts:
@CharlesJul 15.2003 — [i]Originally posted by gil davis [/i]

[B]Also, it is preferred practice to delimit all HTML attributes with double quotes. In fact, it is required in XML and XHTML. [/B][/QUOTE][i]From the HTML 4.01 Specification[/i]

[b]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 (&#34? and single quotes (&#39?. For double quotes authors can also use the character entity reference &quot;.



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.[/b]

[i]http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2[/i][/quote]
Copy linkTweet thisAlerts:
@DanUKauthorJul 15.2003 — ok thanks, how do you mean *double quotes*, sorry?
Copy linkTweet thisAlerts:
@DanUKauthorJul 15.2003 — 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>
Copy linkTweet thisAlerts:
@DanUKauthorJul 15.2003 — hi, can you tell me whether that code i pasted is 'better' please? IF you can help ifs much appreciated.

Thanks.
×

Success!

Help @DanUK spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...