| Zees HTML ridiculousness! [message #283110] |
Sa, 10 Juni 2006 04:04 |
|
Hey all,
Can anybody tell me what I need to correct to get this table to work
on the Thing-Fish page?
http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
It's the one near the bottom. Displays fine in IE, but Mozilla hates
it.
-D
|
|
|
| Re: Zees HTML ridiculousness! [message #283112 ] |
Sa, 10 Juni 2006 06:14 |
|
Zappa Patio wrote:
> Hey all,
>
> Can anybody tell me what I need to correct to get this table to work
> on the Thing-Fish page?
>
> http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
>
> It's the one near the bottom. Displays fine in IE, but Mozilla hates
> it.
The table is good. I assume you're referring to how Mozilla overwrites
the bottom part of the page?
I'll check further.
|
|
|
| Re: Zees HTML ridiculousness! [message #283113 ] |
Sa, 10 Juni 2006 06:25 |
|
bilh [at] pd.jaring.my wrote:
> Zappa Patio wrote:
> > Hey all,
> >
> > Can anybody tell me what I need to correct to get this table to work
> > on the Thing-Fish page?
> >
> > http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
> >
> > It's the one near the bottom. Displays fine in IE, but Mozilla hates
> > it.
>
> The table is good. I assume you're referring to how Mozilla overwrites
> the bottom part of the page?
I prefer 'hara kiri' for what is more politely called seppuku these
days. But that doesn't help you with the problem. I think the html of
the table is good. But something else is causing Mozilla to render the
page with half of the table overwriting the rest.
..
|
|
|
| Re: Zees HTML ridiculousness! [message #283118 ] |
Sa, 10 Juni 2006 13:09 |
|
Zappa Patio wrote:
> Hey all,
>
> Can anybody tell me what I need to correct to get this table to work
> on the Thing-Fish page?
>
> http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
>
> It's the one near the bottom. Displays fine in IE, but Mozilla hates
> it.
There are some things wrong and/or not standard in the HTML code of that
page, but I think the big problem is in line 594, where you set a height
of 928 pixels for the DIV tag, so then the next thing after what is into
that DIV tag appears exactly 928 pixels after it begins, even though
what is into the DIV tag is bigger, and that's why both things appear
together. Probably IE decides by itself that the size of what is into
the tag overrides the size that you have set for it, but Mozilla just
follows what you have set, whatever it is.
|
|
|
| Re: Zees HTML ridiculousness! [message #283120 ] |
Sa, 10 Juni 2006 13:36 |
|
Zappa Patio wrote:
> Hey all,
>
> Can anybody tell me what I need to correct to get this table to work
> on the Thing-Fish page?
>
> http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
>
> It's the one near the bottom. Displays fine in IE, but Mozilla hates
> it.
The problem is in line 564: <div style=3D"width: 832; height: 928">
Just remove the height: <div style=3D"width:832;">
The w3-validator (http://validator.w3.org/) complains about 3 invalid
characters, that are the 3 =F6 in the text. You could change them to
ö to get more hints about other things in your document.
|
|
|
| Re: Zees HTML ridiculousness! [message #283128 ] |
Sa, 10 Juni 2006 17:46 |
|
On 10 Jun 2006 04:36:38 -0700, "Joachim Ott" <Joachim.Ott [at] gmail.com>
wrote:
>Zappa Patio wrote:
>
>> Hey all,
>>
>> Can anybody tell me what I need to correct to get this table to work
>> on the Thing-Fish page?
>>
>> http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
>>
>> It's the one near the bottom. Displays fine in IE, but Mozilla hates
>> it.
>
>The problem is in line 564: <div style="width: 832; height: 928">
>Just remove the height: <div style="width:832;">
>
>The w3-validator (http://validator.w3.org/) complains about 3 invalid
>characters, that are the 3 ö in the text. You could change them to
>ö to get more hints about other things in your document.
Thank you, Joachim; this did the trick.
I've been going through the pages, changes those invalid characters as
I find them...it's a surprisingly-arduous task. And frontpage is DE
DEBBIL.
-D
|
|
|
| Re: Zees HTML ridiculousness! [message #283183 ] |
Di, 13 Juni 2006 01:56 |
|
Zappa Patio wrote:
> On 10 Jun 2006 04:36:38 -0700, "Joachim Ott" <Joachim.Ott [at] gmail.com>
> wrote:
>
>> Zappa Patio wrote:
>>
>>> Hey all,
>>>
>>> Can anybody tell me what I need to correct to get this table to work
>>> on the Thing-Fish page?
>>>
>>> http://www.lukpac.org/~handmade/patio/vinylvscds/thing-fish. html
>>>
>>> It's the one near the bottom. Displays fine in IE, but Mozilla hates
>>> it.
>> The problem is in line 564: <div style="width: 832; height: 928">
>> Just remove the height: <div style="width:832;">
>>
>> The w3-validator (http://validator.w3.org/) complains about 3 invalid
>> characters, that are the 3 ö in the text. You could change them to
>> ö to get more hints about other things in your document.
>
>
> Thank you, Joachim; this did the trick.
>
> I've been going through the pages, changes those invalid characters as
> I find them...it's a surprisingly-arduous task. And frontpage is DE
> DEBBIL.
>
Unfortunately, there's quite a lot wrong with that page.
Most of what HTML-tidy has found is proprietary extensions to the HTML
standard or badly generated HTML. If you want the maximum number of
visitors to see your website as you intend, then you should run each
page through HTML-tidy and systematically correct it until no warnings
and errors are reported.
You can visit http://tidy.sourceforge.net and download a version of
HTML-tidy that will run on your computer.
Ditch MS Front Page and replace it with a standards conformant page
editor or you'll never be able to make pages that can pass an HTML
validator. Unfortunately, all the MS products that are capable of
outputting HTML do it remarkably badly. I'm not sure whether this is
deliberate MS policy or just incompetent developers backed up by
slipshod management.
Of the many free HTML editors the one I've used most is HTML-kit.
There's a link to its site from the HTML-tidy home page. Its powerful,
easy to use and has an integrated copy of HTML-tidy built in as well as
a spell checker and the ability to display the page you're working with
on any or all the web browsers you have installed.
Anyway, here's what HTML-tidy had to say about your page. All the
warnings are the result of mistakes in the HTML generated by Front Page.
The accessibility warnings aren't errors as such, but are a list of
stuff you should check and cross out before publishing the page:
============================================================ ========
$ tidy -e thing-fish.HTML
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 60 column 1 - Warning: inserting implicit <p>
line 724 column 1 - Warning: discarding unexpected </center>
line 735 column 1 - Warning: discarding unexpected </blockquote>
line 800 column 1 - Warning: discarding unexpected </div>
line 1 column 1 - Warning: <html> proprietary attribute "xmlns:mso"
line 1 column 1 - Warning: <html> proprietary attribute "xmlns:msdt"
line 8 column 1 - Warning: <script> inserting "type" attribute
line 39 column 3 - Warning: <table> proprietary attribute "bordercolor"
line 39 column 3 - Warning: <table> proprietary attribute "height"
line 45 column 7 - Warning: <td> proprietary attribute "background"
line 142 column 1 - Warning: <table> proprietary attribute "height"
line 644 column 1 - Warning: <table> proprietary attribute "height"
line 644 column 1 - Warning: <table> proprietary attribute "bordercolor"
line 60 column 1 - Warning: trimming empty <p>
line 526 column 8 - Warning: trimming empty <b>
Info: Document content looks like HTML Proprietary
16 warnings, 0 errors were found!
Accessibility Checks: Version 0.1
line 38 column 1 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 144 column 70 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 404 column 5 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 641 column 17 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 670 column 61 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 764 column 1 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 784 column 1 - Access: [6.1.1.3]: style sheets require testing
(style attribute).
line 6 column 1 - Access: [6.1.1.1]: style sheets require testing (link).
line 7 column 1 - Access: [6.1.1.1]: style sheets require testing (link).
line 8 column 1 - Access: [6.2.2.2]: text equivalents require updating
(script).line 8 column 1 - Access: [6.3.1.1]: programmatic objects
require testing (script).
line 8 column 1 - Access: [8.1.1.1]: ensure programmatic objects are
accessible (script).
line 8 column 1 - Access: [7.1.1.1]: remove flicker (script).
line 8 column 1 - Access: [2.1.1.4]: ensure information not conveyed
through color alone (script).
line 8 column 1 - Access: [1.1.10.1]: <script> missing <noscript> section.
line 806 column 45 - Access: [6.1.1.2]: style sheets require testing
(style element).
line 23 column 26 - Access: [5.1.2.1]: data <table> missing row/column
headers (all).
line 42 column 1 - Access: [2.1.1.1]: ensure information not conveyed
through color alone (image).
line 42 column 1 - Access: [1.1.2.1]: <img> missing 'longdesc' and d-link.
line 239 column 21 - Access: [2.1.1.1]: ensure information not conveyed
through color alone (image).
line 239 column 21 - Access: [1.1.2.1]: <img> missing 'longdesc' and d-link.
line 765 column 1 - Access: [2.1.1.1]: ensure information not conveyed
through color alone (image).
line 765 column 1 - Access: [1.1.2.1]: <img> missing 'longdesc' and d-link.
line 789 column 1 - Access: [7.1.1.5]: remove flicker (animated gif).
line 789 column 1 - Access: [2.1.1.1]: ensure information not conveyed
through color alone (image).
line 789 column 1 - Access: [1.1.2.1]: <img> missing 'longdesc' and d-link.
line 792 column 1 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
line 793 column 1 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
line 794 column 1 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
line 795 column 1 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
line 795 column 56 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
line 795 column 111 - Access: [2.1.1.5]: ensure information not conveyed
through color alone (input).
For further advice on how to make your pages accessible, see
http://www.w3.org/WAI/GLand
http://www.aprompt.ca/Tidy/accessibilitychecks.html.
You may also want to try "http://www.cast.org/bobby/" which is a free
Web-based
service for checking URLs for accessibility.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.
To learn more about HTML Tidy see http://tidy.sourceforge.net
Please send bug reports to html-tidy [at] w3.org
HTML and CSS specifications are available from http://www.w3.org/
Lobby your company to join W3C, see http://www.w3.org/Consortium
============================================================ ======
--
martin [at] | Martin Gregorie
gregorie. | Essex, UK
org |
|
|
|
