Hi Michael and others,
I have to curmudgeon again about the Web site. What can I do when I'm
perfectionist and I know it can be done! What people want to see is at
http://www.cs.wm.edu/~zvezdan/LyX/www-user/
The following changes were made:
1. The line in index.html
<a style="broder:0;width:88;height:31" href="http://validator...
was wrong (broder instead of border, and style should be in <img> not
in <a> anyway.
2. I took out both style attributes for Valid XHTML and Valid CSS
pictures. In Netscape 4.x (due to its bug there is a border around
pictures if they are inclosed inside <a></a>. The small trick to fix
that is to put in CSS file:
a img {
background: rgb(51,119,96);
color: rgb(51,119,96);
border:0;
}
Translated to English: put the colour of the background to be both
foreground and background of the image. No more border! :-)
3. Valid XHTML image was not fully transparent. I made it transparent
using GIMP. Pick up the version from the above Web page and use it on
LyX site.
4. Notice that number 2 fixed also the border around the two screen shot
images with no further work on my side. That's why I like CSS.
5. Some of the text was still in serif instead of sans-serif font.
That's because you didn't put ul, td, and address elements on the
line where you define font. On the other hand, you used elements that
are not important (e.g. li [included through ul] and tr [td overrides
it]). Anyway the line now goes:
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, td, th, address, caption
{
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
It is important to cover all block elements. Inline elements always
inherit from them (even in buggy Netscape 4.x)
6. As you can see Verdana, etc. is now defined in CSS instead of HTML
file. It's cleaner that way. Hence, that line is commented in HTML.
7. The colour line was changed in the similar manner to include all
block elements.
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, td, th, address, caption, pre
{
color: rgb(238,238,238);
}
Notice the addition of pre block element. It was not on the font line
because you want that one in a monospaced font probably.
8. Defined font-size attribute for h1, h2, and h3 as 1.728, 1.44, and 1.2
`em' respectively. I didn't pick up numbers arbitrarily. Look how TeX
fonts scale by ratio 1.2 also. So, I think for us LyXers that's a
good choice. :-)
I also took away the top and bottom margins from headings. They were
too big and defaults seem OK to me. You may disagree of course.
9. Fixed a URI in !DOCTYPE at the top of index.html. To be able to
validate you must have a complete URI:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
instead of just DTD/...
10. Finally, notice this quote from the CSS1 specification:
CSS1 core: UAs may ignore the 'white-space' property in author's
and reader's style sheets, and use the UA's default values
instead. (See section 7.)
Hence, it's not Netscape's fault that your Navigation bar lines
wrap. Please, do use to insure non-breaking space as I did.
That would be all. Please, pick up lyx.css, index.html and validation
gifs from my site above and check the diffs with your versions.
On Sat, Jun 16, 2001 at 12:59:11PM +1200, Michael Koziarski wrote:
>
> (1,2,3 suggested by Zvezdan Petkovic Thanks! :))
>
You're welcome. Any time. ;-)
Zvezdan
--
Zvezdan Petkovic <[EMAIL PROTECTED]>
http://www.cs.wm.edu/~zvezdan/
