We call the banner you see at the top on every Eionet website the tool ribbon. It contains generic tools for the page. The links to the left go to other of EEA's networks. The links to the right are diverse operations, such as login, search, print, toggle fullscreen. The developer of the website has some freedom to choose the operations that are meaningful for that site. There are no <img> tags here. All the icons you see are CSS backgrounds. If you want to provide your own the dimensions must be 16x16 pixel. A tool is an <a> with <span> around the text. If you want to show an icon with the text, you just set left padding to 18px, and a non-repeating background image. If you want to show only an icon, then it is a little trickier. We use the Fahrner Image Replacement (FIR), and the <span> is used to remove the display of the text. The <a> must have a title attribute. It will be shown as a tooltip if the user hovers over the link, and when FIR is used, this is what a blind user will hear.
Document last modified: 2007/10/16 . Content in this portal is modified daily by a community of providers.