Re: Background to hyperlinks?

by "Kehvan M. Zydhek" <kehvan(at)zydhek.net>

 Date:  Sun, 31 Mar 2002 03:57:10 -0800
 To:  "Hilma" <Hilma(at)hilma.freeserve.co.uk>,
<hwg-techniques(at)hwg.org>,
"Andrew McFarland" <aamcf(at)aamcf.co.uk>
 References:  ntlworld hilma
  todo: View Thread, Original
Try this:

==================================
.NavButtonBack {
    background: url(button2.jpg) red no-repeat;
    width: 150px;
    height: 50px;
}

.NavigBar {
    background: url(button2.jpg) yellow no-repeat;
    width: 150px;
    height: 50px;
    color: red;
    Font-family: arial, sans-serif;
    font-size: 12px;
}

/*position: relative;
top: 0;
left: 0;
Required for IE yet still leaves border?*/

A:link {background-color: transparent; text-decoration: none; color: red;}
A:visited {background-color: transparent; text-decoration: none; color:
green;}
A:hover {background-color: transparent; text-decoration: none ; color:
white;}
A:active {background-color: transparent; text-decoration: none ; color:
white;}
==================================

Copy everything between the lines into your stylesheet and try again. This
is the cleaned-up version that TopStyle Pro gave me after I had it process
your CSS file. Note that the quotes around the image were removed; they're
not needed UNLESS there's a space in the name, which is improper for most
websites. Also, everything was lowercased EXCEPT selector names, as that's
the proper way to write this kind of stuff. Selector names are NOT
case-sensitive in IE, but they ARE in Netscape, so be watchful of that.

Hopefully this will help you some...

Kehvan

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:: NORTON ANTI-VIRUS 2002 scanned this email prior to sending. It is free
:: of any known embedded or attached viruses, trojans, or internet worms.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


----- Original Message -----
From: "Hilma" <Hilma(at)hilma.freeserve.co.uk>
To: <hwg-techniques(at)hwg.org>; "Andrew McFarland" <aamcf(at)aamcf.co.uk>
Sent: Sunday, March 31, 2002 03:14
Subject: Re: Background to hyperlinks?


> I do hope so :-))
> try
> http://dreamwater.net/hilma/DevPlay   (possibly www.)
>
> The bottom 3 links; all work in IE6, 2 work in NS, and one in Opera.
>
> (sorry about the colours, the link text is not always clear, but hopefully
> clear enough)
>
> thanks for any comments :-)
>
> Hilma
> --x-----
>
> >
> > Could you post a URL? I'm sure we can get it sorted for you if we could
> see it.
> >
> > Andrew
> >
> > --
> > http://aamcf.co.uk/
> >
> >
>
>
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA