I have built this website in FrontPage 2002. I am almost finished and now it
looks bad in some Netscape or Firefox, almost good in Opera and perfact in
IE? Can anyone look at it and give me some help???Thanks
www.vineyardchurch.glorybound.net
The picture of Pastor Frank is falling out of the bottom of the table
with the double-lined border. You also obviously had some trouble
centering that same table and you ended up blockquoting it twice to
get it roughly in the middle.
Make a copy of your page and save it with a recognisable title, say
"!welcome.htm".
Now go into HTML view and find the code for this misbehaving table.
You can identify it by looking for the <h3> tag which contains the
word 'Welcome' in Comic Sans font.
Still in HTML view, look just below that line and highlight everything
between the two <blockquote> tags down to the two </blockquote>
closing tags. Close your eyes tight and hit Delete.
Now in that empty space, paste the following chunk of code:
<div align="center">
<center>
<table style="width: 536; height: 157; border-style: double;
border-width: 3" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0"
cellpadding="3">
<tr>
<td width="130"><img border="0" src="Pastor-Frank.jpg"
width="130" height="147"></td>
<td>
<p>
<a href="worship.htm" style="text-decoration: none"><font
size="4" color="#3366CC"><span style="font-style: normal; font-weight:
700">Welcome
to Vineyard Christian Fellowship. We are ordinary people
serving an
extraordinary God. Come join us in worship and
fellowship.</span></font></a></p>
<p>
<span style="font-style: italic; font-weight: bold;">
<font color="#3366CC">Senior Pastor</font></span><font
face="Trebuchet MS" color="#3366CC"><span style="letter-spacing: -1pt;
font-style:italic; font-weight: bold;">:</span><span
style="font-weight: 700; letter-spacing: -1pt; font-style:italic">
</span>
</font>
<span style="letter-spacing: -1pt; font-style: italic;
font-weight: 700">
<font face="Arial" color="#800080">Frank
Sandoval</font></span></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</div>
OK? Take a look in Normal view and you should see your table,
centered, with Pastor Frank and his accompanying text ranged
alongside.
While you're on that page, there's one more thing. In the place where
you have your list of links, instead of putting them in that purple
single cell table using <div style="background-color...">, use a
two-cell table with "0"-sized borders. Make the upper cell blue and
the lower cell purple. Place the header in the upper cell and the code
for the links in the lower cell.
** On this two-cell table - in fact, on all the tables on the page -
you might like to have a bit of cellpadding, say 3 to 5 pixels. This
will give you a bit of breathing space around the text.
You should now have overcome the problem of the header's not quite
fitting the space allocated for it.
Obviously you can still fine-tune things to alter the appearance. For
example, you can lose the "justify" style as it is unreliable and does
nothing to improve the look of the page.
If everything looks OK, save the page and rename it so that it
replaces the original welcome.htm page. Then upload the page.
fido
