In article <55723a11c3tim@timil.com>, Tim Hill <tim@timil.com> wrote:
> In article <557236259aLists@Torrens.org.uk>, Richard Torrens (lists)
> <Lists@Torrens.org.uk> wrote:
> > http://www.thehowleytavern.co.uk/menu.html
> > The menu contents do not appear.
> > But if you view the page as text, and run that, all is well! So I
> > can't see what is causing the problem.
> If you do that, you are viewing the page without its CSS file at
> http://www.thehowleytavern.co.uk/presentation/screen.css
> Is there something in there which isn't supported by Netsurf? A color
> declaration in a list item, perhaps? I'm only guessing. No time right
> now to debug someone else's CSS: #C4F1.
(Okay, that's now out of the way. Seventh!)
To test this and play with (learn about) the CSS file, I have saved the
files as
RAM::RamDisc0.$.01
RAM::RamDisc0.$.presentation.screen/css
'01' is the default name given to the original page when I saved it from
NetSurf. I created the directory 'presentation' to contain the CSS file
and so its relative path is correct.
Examination of the HTML reveals that the menu items use a table for
layout and in the CSS file on line 89 there is this
#menu_content table td { border-bottom:1px solid #B48B5F; color: #fff;
In other words, white text in any table and td contained within anything
that uses menu-content, which is the menu text. Changing that line to
#menu_content table td { border-bottom:1px solid #B48B5F; color: black;
makes the text appear. (Developers: when there's a name for a 'color',
please use it. 'white' is much easier to read than #fff or #ffffff and
your mistakes will be more obvious.)
I suspect this is modified by Javascript as there's loads of that kicking
around too so 'normal' browsers don't see white text on a white
background as NetSurf does.
--
Tim Hill
www.timil.com
web sites * multimedia * training
No comments:
Post a Comment