[ I didn't see the original post at Google's. Please bear with the
extra level of `>' caused by the indirect follow-up. ]
> On Fri, 6 Dec 2002, stktrc wrote:
> >
> > A side note: Now that Mozilla (1.2 ->) has type ahead find for link
> > text, it would be great if scsh.net could use text instead of images
> > for the top level menu entries.
> >
> > http://www.mozilla.org/projects/ui/accessibility/typeaheadfind.html
I figured out how to reproduce the present appearance with textual
anchors and a suitable blank button image. Now interested readers
with a bit time on their hands may help by translating the CSS snippet
down below into old-style element attributes that deliver the intended
look on older browsers, too.
If you want to test the outcome you will have to wait until the menu
button gif appears on the web: /graphics/menbutt.gif. then append the
CSS rules below to the saved style sheet /design.css, and modify an
arbitrary saved page from scsh.net: point the style sheet link to
your local copy and replace a table cell holding a linked inline image
like about.gif into
<td align="center" class="menbutt"><a href="about.html">about</a></td>
or so. Alternatively, download the www-scsh module from the
SourceForge repository and go on.
I realise now that I should have invested the time to write this post
into
looking up an HTML reference myself, but that time's gone already.
rthappe
PS: /* works quite nicely with Opera 6 */
.menbutt {
width: 158px;
height: 35px;
color: #FFF5;
background-color: transparent;
background-image: url("graphics/menbutt.gif");
background-repeat: no-repeat;
background-position: center center;
}
td[class=menbutt] a {
text-decoration: none;
color: #FFF500;
font-weight: bold;
font-size: 20pt;
}
.
|