For the shortcut key I use the 'accesskey' keyword in the html file.
Alignment: I try to put everything in the middle.
Not so in FF and OP: these browsers don't recognize them so I had to define every icon in each of the many html files instead of just once in the CSS file.
In IE the following code does the job:
In FF and OP it looks like:
In OP, the mail program does NOT start at all !
Hope this info helps when viewing the photos in various browsers.
Remarks to some problems (and the solutions I found) between the following browsers:
For Photos of 2005 (and newer) I wanted to use icons and shortcut keys to step for- and backwards through the pictures.
To make everything more easy to maintain, I'm using CSS (Cascading Style Sheet) and here I also found some problems between the browsers:
text-align:center;<table align="center"> instead of just: <table>
In IE one can define icons (background pictures) in the CSS file and they will show on the screen:
so if I wanted to change the name of the icon, I only had to do it in the one CSS file.
<A HREF="02.htm" class="Next" accesskey="n"></a>a.Next:active {background: url(../icons/next.gif); filter:alpha(opacity=100); opacity: 1.0; width: 100; height=32;}
<A HREF="02.htm" class="Next" accesskey="n"><img src="../icons/next.gif"></a>a.Next img {filter:alpha(opacity=100); opacity: 1.0;}
When clicking on the yellow Copyright line under each photo, I wanted you to be able to send a mail, so I wanted to start the mail program.
I did not want the mailadress inside the html, because 'webcrawlers' could find it and use the address to send spam to.
I also did not want to have to change many, many html files when the mailaddress changes, so by coding this in CSS I only need to change it in one place.
The mail program starts right away.
<A HREF="#" class="Wijch" accesskey="w"></a>
a.Wijch {background: url(../icons/wijch.gif) no-repeat; width: 185; height=20;}
For all 3 browsers:
<A HREF="#" class="Wijch" accesskey="w"><img src="../icons/wijch.gif"></a>
In one CSS: a.Mike:active {background: url('mailto:wijchman@domainname.com?subject=Website fotos Winter 2005 Feedback');}
"a.Mike:active" becomes active when you press the shortcut key "w"
In FF, the mail program starts once in a while... Don't know yet when it does, and when it doesn't, but it's real strange behaviour!!