Mark Constable writes:

On 15/02/15 23:59, Sam Varshavchik wrote:
> The javascript drop-down provides links for navigating between major
> website sub-sections. I'd like to preserve some way of doing that.

See my latest suggestion...

. the h1 "logo" becomes the Home link
. Intro appended to the home index page
. Install could be appended to the Download page
. Links, Wiki and FAQ links could be added to the Docs page

No – the javascript popup menu are navigation links to /authlib, /imap, /sqwebmail, /maildrop; which all have the same menu. The top navigation line has links only to www.courier-mta.org/*.html

The popup menu provides a simple navigation links to switch "top level" sites.


Compare. One of them does not require pinching and zooming...

https://developers.google.com/speed/pagespeed/insights/?url=courier-mta.org

https://developers.google.com/speed/pagespeed/insights/?url=renta.net/courier

No initial Courier javascript link means that JS can go (better SEF/SEO) and
the CSS is a fairly remarkable 9 lines. Small enough to paste into each page
which avoids the "above the fold" issue (browser waiting for CSS to load
before being able to render the first visible part of the page).

------------------------------
body { font-family: sans-serif; line-height: 1.7; margin: 0 auto; width: 60em; }
h1, h2, h3 { line-height: 1; }
a { text-decoration: none; }
a:hover { text-decoration: underline;}
footer, .gplus { text-align: center; }
.advert { clear: both; }
.copyright { color: #7F7F7F; font-size: 75%; font-style: italic; }
.flag { float: right; margin-left: 0.5em; }
@media only screen and (max-width: 60em) { body { width: 92%; }}
------------------------------

Strictly speaking, the a, a:hover, .advert and .copyright could go too,
they're mostly just my personal preferences.

If this is in anyway close to being acceptable then it's just the <head>
<header> and <footer> tags that need to go into the other pages and I
certainly don't mind doing that for the static pages.

The issue with the popup menu needs to be solved. This CSS doesn't work with it very well; specifically the margin and the width settings. The popup menu, as is, is always flush on the left margin. Also, the CSS is missing the background-image. Keeping my existing margin settings, I currently have this:

body { font-family: sans-serif; line-height: 1.7; margin-top: 0px; margin- bottom: 0px; background-image: url(bg.gif); }
h1, h2, h3 { line-height: 1; }
a:hover { text-decoration: underline;}
footer, .gplus { text-align: center; }
.advert { clear: both; }
.copyright { color: #7F7F7F; font-size: 75%; font-style: italic; }
.flag { float: right; margin-left: 0.5em; }
@media only screen and (max-width: 60em) { body { width: 92%; }}

There's no need to worry about the other pages. Like I mentioned, I have scripts that build the web site; it woiuldn't be difficult to have the CSS automatically installed in all of them. That's one of the advantages of using XHTML.

Attachment: pgpc6a4zMWTct.pgp
Description: PGP signature

------------------------------------------------------------------------------
Download BIRT iHub F-Type - The Free Enterprise-Grade BIRT Server
from Actuate! Instantly Supercharge Your Business Reports and Dashboards
with Interactivity, Sharing, Native Excel Exports, App Integration & more
Get technology previously reserved for billion-dollar corporations, FREE
http://pubads.g.doubleclick.net/gampad/clk?id=190641631&iu=/4140/ostg.clktrk
_______________________________________________
courier-users mailing list
courier-users@lists.sourceforge.net
Unsubscribe: https://lists.sourceforge.net/lists/listinfo/courier-users

Reply via email to