Forums
This topic is locked
numbered list overlapping
Posted 16 May 2007 21:05:07
1
has voted
16 May 2007 21:05:07 Larry Singer posted:
Can anyone take a look at a page I am working and see why the numbered list is overlapping with the first letter of the item:pathoftheheart.org/pfs/programs_financial_support.htm
It isn't overlapped in Dreamweaver.
Thanks-
Larry
Replies
Replied 17 May 2007 18:29:18
17 May 2007 18:29:18 Alan C replied:
I took a look using FF WinXP the page rendered ok, there was a numbered list in the lower half of the page, but it's not been coded as an html list, but rather as text.
The page looks like it was put together with Word, the tags suggest it was a word document, that was first pushed through something else . . .
<pre id=code><font face=courier size=2 id=code> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html40/strict.dtd">
<!-- Created from PDF via Acrobat SaveAsXML -->
<!-- Mapping table version: 28-February-2003 -->
<META
name="dc.creator"
content="Dr.Sharon Forrest" >
<META
name="dc.title"
content="Microsoft Word - #1 Donations-financial_support5-07.doc" >
<META
name="dc.date"
content="2007-05-15T14:20:37-07:00" >
<META
name="dc.date.modified"
content="2007-05-15T14:20:37-07:00" >
<META
name="generator"
content="Adobe Acrobat Exchange-Pro 8.0" ></font id=code></pre id=code>
there are span tags that look like the stuff that word puts in that are bloating the code . . . ( This next part should show as code)
<pre id=code><font face=courier size=2 id=code> <P>
<SPAN style="font-family:'sans-serif', 'Abadi', sans-serif; font-size:13.3pt; font-weight:bold; font-stretch:condensed; color:#009193"
>Pay it Forward! </SPAN
><SPAN style="font-family:'serif', 'Times', serif; font-size:11pt; font-weight:normal; color:#000000"
>By transforming the Lives of Children you make a difference in the World and a positive </SPAN
><SPAN style="font-family:'serif', 'Times', serif; font-size:11pt; font-weight:normal; color:#000000"
>investment in the future. </SPAN
></P></font id=code></pre id=code>
all that lot can be reduced to . . .
<pre id=code><font face=courier size=2 id=code> <p>
<span class="largeGreen">Pay it Forward! </span> By transforming the Lives of Children you make a difference in the World and a positive investment in the future. </p>
</font id=code></pre id=code>
then setting one style for the p tag, and a class called largeGreen to change the first part of the line - or something similar.
I got 15 errors/warnings in my validator - one said something wrong with the head tag, and the body tag plus a lot of missing alt tags - try running it throught the w3c validator and see what that comes up with.
IMHO letting any Microsoft product generate code is not a good idea - it will look right, I have to concede that, but the code that you get is full of huge amounts of tags that are not needed, DW has a command that will strip most it out for you - Commands > Clean up Word HTML.
The page looks like it was put together with Word, the tags suggest it was a word document, that was first pushed through something else . . .
<pre id=code><font face=courier size=2 id=code> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html40/strict.dtd">
<!-- Created from PDF via Acrobat SaveAsXML -->
<!-- Mapping table version: 28-February-2003 -->
<META
name="dc.creator"
content="Dr.Sharon Forrest" >
<META
name="dc.title"
content="Microsoft Word - #1 Donations-financial_support5-07.doc" >
<META
name="dc.date"
content="2007-05-15T14:20:37-07:00" >
<META
name="dc.date.modified"
content="2007-05-15T14:20:37-07:00" >
<META
name="generator"
content="Adobe Acrobat Exchange-Pro 8.0" ></font id=code></pre id=code>
there are span tags that look like the stuff that word puts in that are bloating the code . . . ( This next part should show as code)
<pre id=code><font face=courier size=2 id=code> <P>
<SPAN style="font-family:'sans-serif', 'Abadi', sans-serif; font-size:13.3pt; font-weight:bold; font-stretch:condensed; color:#009193"
>Pay it Forward! </SPAN
><SPAN style="font-family:'serif', 'Times', serif; font-size:11pt; font-weight:normal; color:#000000"
>By transforming the Lives of Children you make a difference in the World and a positive </SPAN
><SPAN style="font-family:'serif', 'Times', serif; font-size:11pt; font-weight:normal; color:#000000"
>investment in the future. </SPAN
></P></font id=code></pre id=code>
all that lot can be reduced to . . .
<pre id=code><font face=courier size=2 id=code> <p>
<span class="largeGreen">Pay it Forward! </span> By transforming the Lives of Children you make a difference in the World and a positive investment in the future. </p>
</font id=code></pre id=code>
then setting one style for the p tag, and a class called largeGreen to change the first part of the line - or something similar.
I got 15 errors/warnings in my validator - one said something wrong with the head tag, and the body tag plus a lot of missing alt tags - try running it throught the w3c validator and see what that comes up with.
IMHO letting any Microsoft product generate code is not a good idea - it will look right, I have to concede that, but the code that you get is full of huge amounts of tags that are not needed, DW has a command that will strip most it out for you - Commands > Clean up Word HTML.