[greenstone-users] Replace images with CSS

From spdegabrielle
DateFri, 07 Nov 2003 14:01:39 +0900
Subject [greenstone-users] Replace images with CSS

Image generation in greenstone has been frustration me for a while;
Another reason is quicker downloads for the remote/slow connection users who an important user group for me.

This a go at a solution in CSS for the big collection name image seen at the top left when searching or browsing:

I am still getting some weird flickering caused by the image being reloaded on rollover - and I don't know what is causing it. I think it is my stylesheet but can't be sure.


In my english.dm


_bigcoltitle_ {
<div id="collectionTitle" style="width:225px; height:66px; z-index:1; padding-left: 4px; background-image: url(/gsdl/web/images/1.5.gif);">
<span style='font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: large; font-weight: bolder; letter-spacing: -0.02em; '>Greenstone Archives collection</span></div>

in my base.dm I have mad the following changes:

Greenstone Archives collection {
<a href="/cgi-bin/library?e=d-00000-00---off-0gsarch--00-0----0-10-0---0---0direct-10---4-----dfr--0-1l--11-en-50---20-preferences-Kevin+Ollivier--00-0-21-00-0-0-11----0-0-&a=p&p=about"><img src="/gsdl/collect/gsarch/images/gsarch.gif" border=0 alt="Greenstone Archives collection"></a> #000000;">_about:bigcoltitle_</a>,

Greenstone Archives collection


(note this works in a collection called exam for testing purposes - change tpo

# don't want link to 'about' page
Greenstone Archives collection {
<img src="/gsdl/collect/gsarch/images/gsarch.gif" border=0 alt="Greenstone Archives collection">}

Greenstone Archives collection [c=exam]{
<a href="/cgi-bin/library?e=d-00000-00---off-0gsarch--00-0----0-10-0---0---0direct-10---4-----dfr--0-1l--11-en-50---20-preferences-Kevin+Ollivier--00-0-21-00-0-0-11----0-0-&a=p&p=about" style="text-decoration: none; color: #000000;">_about:bigcoltitle_</a>}

I have attached the 1 pixel high image file (in standard greenstone green) 1.5.gif (lives in gdsl/images/ )

Type: image/gif
Filename: 1.5.gif