[thelist] Image with cynamic text rollover... back to 'basics'! ; -p

Tris beertastic at gmail.com
Wed Dec 10 04:45:22 CST 2008


I did?
T be honest, I've been sick as a dog..
I'll call it man flu, but I've had to work throgh it and I've been
makign stupid mistakes..
sorry to all if I've been repeating myself..
my head... and sinuses are not happy at the mo :-(

anyhoo, Cheers Ben, I at m reading now...

2008/12/10 ben morrison <morrison.ben at gmail.com>:
> On Wed, Dec 10, 2008 at 10:18 AM, Tris <beertastic at gmail.com> wrote:
>> Hi all..
>>
>> I've been asked to add a rollover to a site.
>> all good. but it's a little more complicated and i've not touched
>> rollovers in a while..
>
> I'm sure you asked about this last week?
>
>
>
> You don't have to worry about IE 6 then? It Doesn't support PSEUDO
> class on anything other than an anchor.
>
> If you do, then you are going to require some JS - simple JS to add an
> extra class on mouseover, unless you can be very clever with your CSS.
> Also as on a previous thread it maybe easier to use a
> background-color, or change the code so the opacity is not inherited.
>
>   <style>
>
>   .imagePlaceHolder {
>    position: relative;
>    width: 100px;
>    height: 100px;
>    display:block;
>   }
>
>   .imagePlaceHolder span {
>       position: absolute;
>       left:-999em;
>   }
>   .imagePlaceHolder:hover span, .ieExtraClass {
>        left:0;
>        bottom:0;
>        display:block;
>        width:100%;
>        background-color: #F00;
>        color:#fff;
>        filter:alpha(opacity=50);
>        opacity:.5;
>   }
>
>   </style>
>   </head>
> <body>
>
>   </head>
>   <body>
>
>   <div id="rolloverPlaceHolder">
>       <a class="imagePlaceHolder">
>           <img
> src="http://www.bbc.co.uk/home/features/d/content/images/2008/12/02/human_nuclear_button_afp_400x260.jpg"
> width="100" height="100" style="background:#ccf" />
>           <span>Over lay text</span>
>       </a>
>   </div>
> </body>
> --
> Ben Morrison
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>



-- 
"The only people who don't make mistakes are those who don't do anything"

Give a man a fish and he'll feed himself for a day.
Give a man a religion and he'll starve to death praying for a fish.
Anon

`We are what we pretend to be, so we must be careful what we pretend to be.`
Kurt Vonnegut

`When a person can no longer laugh at himself, it is time for others
to laugh at him.`
Thomas Szasz



More information about the thelist mailing list