S
Stephen
Hi,
Thanks again for your help.
Murray, I tried to make as many of your changes as I could
but I've run out of time. We have to publish it tomorrow
and I go back to my real job (obviously web design is not
it). I'll try to see if I can learn how to deal with
these problems and work on the site again in about two
weeks. Your page was beautiful and I tried to make it
into a template but when I cut and pasted it, it didn't
validate well at all, even though it did perfectly on your
site.
The reason I have the "invalid list" of bullets is that I
just want the bullets to be flush left. If having bullets
flush left knocks me down to page 30 by Google's robot,
then I'll have to take out the bullets but at the moment,
I guess I'll wait and see how much they hurt me. (They are
in there for marketing reasons, something I actually do
know something about, unlike web design).
Also, I'd love not to use "span tags for absolute
positioning" but everything else I tried put the entire
page out of whack. I guess I'd rather have an image out
of whack at 800 x 600 than the whole page out of whack.
Thanks again for your help.
As I say, I just ran out of time.
Stephen
..
Thanks again for your help.
Murray, I tried to make as many of your changes as I could
but I've run out of time. We have to publish it tomorrow
and I go back to my real job (obviously web design is not
it). I'll try to see if I can learn how to deal with
these problems and work on the site again in about two
weeks. Your page was beautiful and I tried to make it
into a template but when I cut and pasted it, it didn't
validate well at all, even though it did perfectly on your
site.
The reason I have the "invalid list" of bullets is that I
just want the bullets to be flush left. If having bullets
flush left knocks me down to page 30 by Google's robot,
then I'll have to take out the bullets but at the moment,
I guess I'll wait and see how much they hurt me. (They are
in there for marketing reasons, something I actually do
know something about, unlike web design).
Also, I'd love not to use "span tags for absolute
positioning" but everything else I tried put the entire
page out of whack. I guess I'd rather have an image out
of whack at 800 x 600 than the whole page out of whack.
Thanks again for your help.
As I say, I just ran out of time.
Stephen
..
-----Original Message-----
Here are the changes I would make -
1. Change this -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
to this -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
(while the doctype you have there is valid, it is incomplete, and will throw
IE into quirks mode - an ironic state of affairs. To be complete the
doctype needs the url included)
2. Change this -
<STYLE type=text/css>
to this -
<STYLE type="text/css">
All attribute values should be wrapped in double quotes.
3. Change this -
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:hover {
COLOR: blue; TEXT-DECORATION: underline
}
to this -
A:link, a:visited, a:active {
TEXT-DECORATION: none
}
A:hover {
COLOR: blue; TEXT-DECORATION: underline
}
4. Change this -
<TABLE cellSpacing=0 cellPadding=0 width=770
border=0> said:<TABLE cellSpacing=0 cellPadding=0 width=770 border=0>
to this -
<TABLE cellSpacing="0" cellPadding="0" width="770"
border="0"> said:<TABLE cellSpacing=0 cellPadding="0" width="770" border="0">
(and all similar constructions - see #2, above)
5. Change this -
<TD width="29%" bgcolor="#c9e9c4">
<CENTER>
<H2><span style="font-size: 12.0pt; font-family: Times New Roman">
<img width="172" height="49" src="images/LimpetLogo.gif"
align="left"alt="Limplet Logo"></span></H2></CENTER></TD>
to this -
<TD width="29%" bgcolor="#c9e9c4" align="center">
<H2><img width="172" height="49" src="images/LimpetLogo.gif"
align="left"alt="Limplet Logo"></TD>
(why do you have an image between <h2> tags?)
6. I am at a loss here -
<TD vAlign=top align=left width="20%" bgColor=c9e9c4
height="102%"> <LI><b><A
href="http://www.stockmasters.net/who.htm">
You have started a list element, but there is no opening
or <ol> tag, as required. What is it you are trying to do with this
invalid list?
Oh, to heck with it. I have cleaned up the code significantly, and while I
am not quite sure what you are trying to achieve layout- wise, I took a
guess.
How does this look?
http://www.murraytestsite.com/Tatlow/Limpetmod.htm
Pay attention to the CSS on the page, and to what I have done with your
images - note that I am not resizing them in the browser as you were, but
have resized them before placing them on the page.
--
Murray
Hi,
I want to thank you all for your help, especially Stefan
and Murray. You have been great and, Stefan and Murray, I
did try both of your suggestions but I couldn't make
either work.
Stefan, when I took out the span tags, the page went askew
and I couldn't figure out how to get it back in align.
You can see the result at:
http://www.stockmasters.net/test2.htm
Murray, I did try inserting your "css" suggestion similar
to this one below.
<ul style="margin:0; padding:0">
<li>One
<ul>
<li></li>
</ul>
</li>
<li>Two </li>
<li>Three</li>
<li> </li>
</ul>
But in this example above, the <li> is hollow and I
preferred the dark filled in one, and maybe I am doing
something wrong but although the "One," "Two," and "Three"
are flush left, the <li> bullet is actually indented, as
it would be if I just used the <ul>, so I don't know what
I am gaining there.
I understand that I am probably doing something wrong in
both cases but I seem to know so little about Frontpage
and html code that I haven't a clue what it is that I am
doing wrong.
Thanks so much again for you help.
Stephen
tables------Original Message-----
Use CSS to properly align your bullets. It's not hard. Put a zero margin
and padding on the <ul> with CSS, and for heavens sake add them back into
your code. Look at the example I posted at the beginning of this thread.
--
Murray
Hi,
Thanks so much for your help. I validated it and it seems
fine, at least to me. (You can look at it at
http://www.stockmasters.net/test1.htm, if you'd like) The
only thing I seem to have left if the lack of <ul>, which
I can't do anything about because I don't want the bullets
indented (except, of course, take out the bullets).
Thanks again for all your help.
Stephen
(------Original Message-----
Hi,
Thanks so much for your help. I validated it and it seems
fine, at least to me. (You can look at it at
http://www.stockmasters.net/test1.htm, if you'd like) The
only thing I seem to have left if the lack of <ul>, which
I can't do anything about because I don't want the bullets
indented (except, of course, take out the bullets).
Thanks again for all your help.
Stephen
-----Original Message-----
You will need to do it in html / code view
Find the 1st table tag after <div id="wrapper">
<TABLE height=60 cellSpacing=0 cellPadding=0 width=770
border=0>
Before it add
<TABLE cellSpacing=0 cellPadding=0 width=770
border=0><TR><TD>
Find the closing table tag of the 3rd outer table ending
in
</TBODY></TABLE></DIV><!-- -->
- before the start of the table containing: Questions?
And right after it add
</TD></TR></TABLE>
But I highly recommend you validate all the code in your
page
You have empty image tags you need to delete or add a
image name to like
<IMG height=3 src="" width=770>
You have invalid absolute positioned items using span
tags like in the all purpose page
- view your pages at different browser screen sizes to
see where the saddles show up
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!";
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________
message Hi,
Thanks again for your help. In defense of the poor people
from whom I got the template, it was free. I only picked
it because it had the link buttons on top and down the
left, when I needed. I made considerable changes to
template and I am the one totally to blame. I know it
will come as a big shock to you all to hear that this is
my first attempt ever at creating a website.
Having said all this it will probably not come as a
surprise to hear that I don't know if "wrap" is a
technical term or not. My way to wrap the threea-tables-actually, I'd probably attempt to add the top row of link
buttons to it, too, as they are also unaligned--is to
create another table on top of these tables and then try
to cut and paste these tables into them. Is there an
easier way to "wrap" them, or do you think I should just
give that a try?
Thanks again so much for all your help.
Stephen
-----Original Message-----
Hi,
Thanks again for your help. In defense of the poor
people
from whom I got the template, it was free. I only picked
it because it had the link buttons on top and down the
left, when I needed. I made considerable changes to
template and I am the one totally to blame. I know it
will come as a big shock to you all to hear that this is
my first attempt ever at creating a website.
Having said all this it will probably not come as a
surprise to hear that I don't know if "wrap" is a
technical term or not. My way to wrap the threeand-
actually, I'd probably attempt to add the top row of link
buttons to it, too, as they are also unaligned--is to
create another table on top of these tables and then try
to cut and paste these tables into them. Is there an
easier way to "wrap" them, or do you think I should just
give that a try?
Thanks again so much for all your help.
Stephen
-----Original Message-----
Check all your cells to make sure they add up correctly
- also table widths are minimums, but can be wider when
driven by content in the cells
I'd recommend wrapping the top 3 tables in an outer
table, or you will be "chasing pixels" on each page based
on the page content
IMHO
If you paid for the template it wasn't worth it
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP -
FrontPage ]
"Warning - Using the F1 Key will not break anything!"
(-
;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________
message
Hi,
Thank you very much for your help. I added the row
I/pretty much have it now where I want it except for one
thing.
The two tables on top (the banner, so to speak) is not
the
same length as the main body. So there is a small edge
in
the upper right hand corner of the page.
All of the widths are set at "770" so I'm not sure what
the problem is. I've tried pulling out the top two but
that only seems to make it worse.
The page is at:
http://www.stockmasters.net/test3.htm
Here is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<!-- saved from url=(0054)
http://www.freesitetemplates.com/templates/samples/83
--
<HTML>
<HEAD>
<TITLE>Your Title Here</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=windows-1252">
<STYLE type=text/css>A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:hover {
COLOR: blue; TEXT-DECORATION: underline
}
</STYLE>
<style type="text/css">
<!--
body { text-align:center; } /* for IE5/IE5.5 */
#wrapper { text-align:left; width:760px; margin:0
auto; } /*you may need to
adjust the width value */
-->
</style>
<style type="text/css">
body{
margin: 5px;}
table.MsoTableGrid
{border:1.0pt solid windowtext;
font-size:10.0pt;
font-family:"Times New Roman";
}
</style>
<META content="MSHTML 6.00.2900.2523"
name=GENERATOR></HEAD>
<BODY text=#000080 vLink=#000080 aLink=#000080
link=#000080>
<div id="wrapper">
<TABLE height=60 cellSpacing=0 cellPadding=0 width=770
border=0>
<TBODY>
<TR>
<TD width="29%" bgcolor="#c9e9c4">
<CENTER>
<H2><span style="font-size: 12.0pt; font- family:
Times New Roman">
<img width="172" height="49"
src="images/LimpetLogo.gif"
align="left"></span></H2></CENTER></TD>
<TD width="38%" bgcolor="#c9e9c4">
<p align="center"><font size="4">Questions or to
Order Call <br>
(toll-free) (866) 860-1818</font></TD>
<TD width="33%" bgcolor="#c9e9c4">
<p align="center">
<img border="0" src="images/limpet.gif"
width="132" height="69"></TD>
<TD align=right width=2>
<!-- Begin JimWorld Banner Code -->
<CENTER>
<SCRIPT type language=JavaScript>
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</SCRIPT>
<SCRIPT type language=javascript>banner
();</SCRIPT>
</CENTER><!-- End JimWorld Banner Code --></TD>
<TD width=10></TD></TR></TBODY></TABLE>
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 background=""
border=0 width="770">
<TBODY>
<TR>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<a
href="http://www.stockmasters.net/index.html"><b>
<font face="verdana, arial" size="2"
color="#003366">Home</font></b></a></TD>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<b>
<font face="verdana, arial" size="2"
color="#003366"><a href="whoweare.htm">Who We
Are</a></font></b></TD>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<b>
<a href="faqs.htm">
<font face="verdana, arial" size="2"
color="#003366">FAQs</font></a></b></TD>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<b>
<a href="reviews.htm">
<font face="verdana, arial" size="2"
color="#003366">Reviews</font></a></b></TD>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<b>
<a href="order.htm">
<font face="verdana, arial" size="2"
color="#003366">Order</font></a></b></TD>
<TD width=122 height=22 bgcolor="#c9e9c4"
align="center">
<b>
<a href="mailto:[email protected]">
<font face="verdana, arial" size="2"
color="#003366">Contact Us</font></a></b></TD>
</TR></TBODY></TABLE></DIV>
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 width=770 border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%" bgColor=#c9e9c4>
<IMG height=3
src="" width="100%"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=766
bgColor=#c9e9c4 border=0>
<TBODY>
<TR>
<TD vAlign=top align=left height="100%">
<IMG height="100%"
src="" width=3></TD>
<TD vAlign=top height="100%">
<TABLE height="100%" cellPadding=5 width="100%"
bgcolor="#C9E9C4" bordercolor="#C9E9C4">
<TBODY>
<TR>
<TD vAlign=top align=left width="20%"
bgColor=#c9e9c4
height="100%" bordercolor="#C9E9C4" >
<LI><b><A
href="http://www.stockmasters.net/who.htm"><font
size="4">Who Uses</font></A><font size="4"><br>
</font><A
href="http://www.stockmasters.net/who.htm"><font
size="4"> Limpet?</font></A></b><BR><BR>
<LI><b>
<font size="4">
<a
href="http://www.stockmasters.net/best.htm">
The Best</A><br>
<a
href="http://www.stockmasters.net/best.htm">
Limpet for
You</A></font><BR></b><BR>
<LI><b>
<a
href="http://www.stockmasters.net/allpurpose.htm">
<font size="4">All
Purpose</font></a></b><BR><BR>
<LI><b>
<a
href="http://www.stockmasters.net/dressage.htm">
<font
size="4">Dressage</font></A><BR></b><BR>
<LI><b>
<a
href="http://www.stockmasters.net/western.htm">
<font
size="4">Western</font></A></b><BR><BR>
<LI><b>
<a
href="http://www.stockmasters.net/saddleseat.htm">
<font size="4">Saddle
Seat</font></A></b><BR><BR>
<LI><b>
<font size="4">
<a
href="http://www.stockmasters.net/care.htm">
Instructions</A><br>
<a
href="http://www.stockmasters.net/care.htm">
and Care</A></font></b><BR><BR>
<LI><b>
<a
href="http://www.stockmasters.net/links.htm">
<font size="4">Favorite
Links</font></A></b><BR><BR>
<LI>
<b>
<font size="4"><a
href="http://www.limpetsaddlepad.co.uk">UK Residents
</a><br>
<a
href="http://www.limpetsaddlepad.co.uk">Click
Here</a></font></b><BR><BR>
<BR><BR></TD>
<TD vAlign=top align=left bgcolor="#ffffff">
<TABLE height="100%" cellPadding=5 width="100%"
id="table1">
<TR>
<TD vAlign=top align=left bgcolor="#ffffff"
colspan="2">
<p align="center"><u><b><font size="5"
color="#0000FF">The Limpet Saddle Pad <br>
Virtually Eliminates Saddle
Slip<br>
and Helps Heal Sore
Backs</font></b></u></p>
<p align="center"><u><font
size="4"><b>The Limpet Saddle Pad is:
</b></font></u></TD></TR>
<TR>
<TD vAlign=top align=left bgcolor="#ffffff">
<ul><LI><b><font size="4">Anti-
Slip</font></b><LI><b><font size="4">Eliminates
Friction</font></b><LI><b>
<font
size="4">Breathable</font></b><LI>
<b><font
size="4">Washable</font></b></ul></TD>
<TD vAlign=top align=left bgcolor="#ffffff">
<ul> <LI><b><font
size="4">Therapeutic</font></b><LI><b>
<font size="4">Reduces Sore
Backs</font></b><LI><b><font size="4">Absorbs
Concussion </font></b></ul></TD></TR>
<TR>
<TD vAlign=top align=left bgcolor="#ffffff"
colspan="2">
<div align="center">
<table border="0"
cellpadding="0" cellspacing="0" width="53%" id="table2">
<tr>
<td
width="74">
<p
align="center"><a href="horserider.htm">
<img
border="0" src="images/HorseRider.jpg" width="49"
height="59"></a></td>
<td>
<font
color="#0000FF"><b>
<a
href="horserider.htm"><font color="#0000FF"><u>Read the
Limpet Review in <br>
Horse
& Rider by ClickingHere said:</tr>
</table>
</div>
<p><b>The revolutionary open-cell
composition of the Limpet Saddle Pad
allows the heat of the horse's
body to form a bond with the saddle
so that your horse, pad and saddle
become one. <br>
<br>
This adhesion virtually eliminates
the saddle's forward and lateral
movement.<br>
<br>
The concussion absorption permits
a rider to sit deep to a powerful
trot.</b></p>
<p><b>The unique Limpet bond
allows healing of a damaged
back due to the elimination of
friction burn. </b><br>
<br>
The friction general created by
the shoulder movement is absorbed
within the composition of the
Pad. This results in a softening
of the back, allowing the shoulder
to open, generating a greater
stride length.</p>
<p>The Limpet Saddle Pad was
designed by horsewoman, Aline Holmes,
and thoroughly tested in racing,
showing and long-distance events by
horsemen and
women.</p></TD></TR></TABLE>
</TD>
<TD vAlign=top align=left bgcolor="#c9e9c4"
width="0" height="0" bordercolor="#C9E9C4">
<p> </TD></TR></TBODY></TABLE>
<p>
<IMG height=3
src=""
width=770></TD></TR>
<TR>
<TD vAlign=top align=left height="100%">
</TD>
<TD vAlign=top height="100%" width="575">
</TD></TR>
</TBODY></TABLE></DIV><!-- -->
<TABLE cellSpacing=0 cellPadding=0 width=770>
<TBODY>
<TR>
<TD>
<CENTER><FONT color=blue size=4> </FONT><FONT
size=4>Questions?
Contact: </FONT><FONT color=blue size=4>
<A
href="mailto:[email protected]">sales@limpets3dd
l
e
p
ad.com</A><FONT size=4> </FONT></FONT>
<FONT color=blue size=2><br>
<br>
</FONT><FONT size=2>© Copyright
2004. </FONT>
</CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>
<SCRIPT language=JavaScript>
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</SCRIPT>
</div>
</BODY></HTML>
Thaks so much for all your help.
Stephen
-----Original Message-----
From
http://www.stockmasters.net/test3.htm
What you are calling "color strips" is the table
background color (from the 766 px outer table) for
either
the empty table cells (1
cell on the right) or due to your cell padding/spacing
settings in your inner nested table
If you want a another one at the bottom you would need
to
add another row to your outer table
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP -
FrontPage ]
"Warning - Using the F1 Key will not break anything!"
(-
;
To find the best Newsgroup for FrontPage support see:
http://www.net- sites.com/sitebuilder/newsgroups.asp
_____________________________________________
in
message [email protected]...
Hi,
I managed to get a another border strip along the right
side (though for the life of me I can't get the border
colors out). Maybe this will look okay as it is, and
if
the bottom strip ever shows up that would be great too.
If you would like to see the page, it is at:
http://wwww.stockmasters.net/test3.htm
The code is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<!-- saved from url=(0054)
http://www.freesitetemplates.com/templates/samples/8s8mmmmmmmmmmmmmmmmmmmmmmm
.