19  2432 
On Fri, 11 Feb 2005 17:20:31 -0500, "gallery" <m.******@comca st.net>
wrote: I read somewhere
Well, an indication of a true source might raise your credibility.
that you can get Tim Murtaugh's Mo' Betta Rollovers to work
in Firefox using just CSS (no javascript).
And who the hell is Tim...whatever.
Don't jump into an NG thinking that all the "buzzwords du jour" is
automatically known to all...
Can someone tell me how to do it?
No, not me, because I don't want to. You may want to reformulate your
question and find your self totally surprised from how much info I might
be able to give you for free.
http://www.alistapart.com/articles/rollovers/
And the appearance of that link in your post looks like you are
answering your own question, what gives?
Mind you, most "tutorials" out there are either true David Siegel's or
David Siegel's down on his knees. Just a bar few of them are correctly
correct at the end.
--
Rex
"Lachlan Hunt" <sp***********@ gmail.com> wrote in message
news:42******** *************** @per-qv1-newsreader-01.iinet.net.au ... gallery wrote: I read somewhere that you can get Tim Murtaugh's Mo' Betta Rollovers to
work in Firefox using just CSS (no javascript) .
Can someone tell me how to do it?
http://www.alistapart.com/articles/rollovers/
The first example is pure CSS without JS and it works just fine in
Firefox.
--
Lachlan, only the bottom part of each button has the proper color showing in
Firefox. Whereas in IE6+ the background color displays correctly. Several
months ago I read a fix for this, have done several searches today trying to
find it, but no luck.
I thought someone else might have run across it as well.
gallery wrote: "Lachlan Hunt" <sp***********@ gmail.com> wrote in message
news:42******** *************** @per-qv1-newsreader-01.iinet.net.au ...
The first example is pure CSS without JS and it works just fine in
Lachlan, only the bottom part of each button has the proper color showing in
Firefox. Whereas in IE6+ the background color displays correctly.
I hadn't realised the intended behaviour was that exhibited by IE. In
this case, both Firefox 1.0 and Opera 7.54 render the example
identically and I dare say (though I haven't double checked the with
spec) that is correct for that CSS, and IEs rendering is incorrect, even
though it is desired. Using the following CSS instead solves the
problem, but next time try asking stylesheet questions in
c.i.w.a.stylesh eets, this one is for HTML.
a.ala img {background: #fff;}
a.ala:hover, a.ala img:hover {background: #fcc;}
:hover is used for both a.ala and the img because IE only supports it
for links and it seems to give the desired behaviour anyway. For
conformant UAs, only the "a.ala img:hover" selector is required.
--
Lachlan Hunt http://lachy.id.au/ http://GetFirefox.com/ Rediscover the Web http://SpreadFirefox.com/ Igniting the Web
Lachlan Hunt wrote: gallery wrote:
"Lachlan Hunt" <sp***********@ gmail.com> wrote in message
news:42******** *************** @per-qv1-newsreader-01.iinet.net.au ...
The first example is pure CSS without JS and it works just fine in
Lachlan, only the bottom part of each button has the proper color
showing in
Firefox. Whereas in IE6+ the background color displays correctly.
I hadn't realised the intended behaviour was that exhibited by IE. In
this case, both Firefox 1.0 and Opera 7.54 render the example
identically and I dare say (though I haven't double checked the with
spec) that is correct for that CSS, and IEs rendering is incorrect, even
though it is desired. Using the following CSS instead solves the
problem, but next time try asking stylesheet questions in
c.i.w.a.stylesh eets, this one is for HTML.
a.ala img {background: #fff;}
a.ala:hover, a.ala img:hover {background: #fcc;}
:hover is used for both a.ala and the img because IE only supports it
for links and it seems to give the desired behaviour anyway. For
conformant UAs, only the "a.ala img:hover" selector is required.
That does not correct the half grayed area problem.
This corrects both problems:
a.ala {background: #fff; font-size:20px;}
a.ala:hover {background: #fcc;}
And changing the other line to:
img.ala {background: transparent; display: inline;}
will fix the remaining problem for FF.
The page is outdated. As you said, Opera now behaves the same as FF and
contradicts the page. It also refers to NS 6 which is very old and who
knows what problems it had in its day. The page was written for IE
basically.
--
Gus
Thanks guys ... you've fixed my problem. Very much appreciated!
AListApart - a terrific source - ought to go in and update that article.
It's a nifty way to handle rollovers. http://www.alistapart.com/articles/rollovers/
"Gus Richter" <gu********@net scape.net> wrote in message
news:cP******** ************@go lden.net... Lachlan Hunt wrote: gallery wrote:
"Lachlan Hunt" <sp***********@ gmail.com> wrote in message
news:42******** *************** @per-qv1-newsreader-01.iinet.net.au ...
The first example is pure CSS without JS and it works just fine in
Lachlan, only the bottom part of each button has the proper color
showing in
Firefox. Whereas in IE6+ the background color displays correctly.
I hadn't realised the intended behaviour was that exhibited by IE. In
this case, both Firefox 1.0 and Opera 7.54 render the example
identically and I dare say (though I haven't double checked the with
spec) that is correct for that CSS, and IEs rendering is incorrect, even
though it is desired. Using the following CSS instead solves the
problem, but next time try asking stylesheet questions in
c.i.w.a.stylesh eets, this one is for HTML.
a.ala img {background: #fff;}
a.ala:hover, a.ala img:hover {background: #fcc;}
:hover is used for both a.ala and the img because IE only supports it
for links and it seems to give the desired behaviour anyway. For
conformant UAs, only the "a.ala img:hover" selector is required.
That does not correct the half grayed area problem.
This corrects both problems:
a.ala {background: #fff; font-size:20px;}
a.ala:hover {background: #fcc;}
And changing the other line to:
img.ala {background: transparent; display: inline;}
will fix the remaining problem for FF.
The page is outdated. As you said, Opera now behaves the same as FF and
contradicts the page. It also refers to NS 6 which is very old and who
knows what problems it had in its day. The page was written for IE
basically.
--
Gus
Yes ... some updating is definitely in order.
"Brian" <us*****@juliet remblay.com.inv alid> wrote in message
news:9jsPd.1974 2$uc.9028@trndd c08... gallery wrote:
http://www.alistapart.com/articles/rollovers/
Gawd, those people are clueless. Take a look at this .js, found via a
link from the rollovers article:
http://www.alistapart.com/d/domtricks2/domutils.txt
So, A List Apart is actually proposing that we sniff for ua strings to
determine how to manipulate the DOM? Gawd.
--
Brian
Brian wrote: Gawd, those people are clueless. Take a look at this .js, found via a
link from the rollovers article:
http://www.alistapart.com/d/domtricks2/domutils.txt
So, A List Apart is actually proposing that we sniff for ua strings to
determine how to manipulate the DOM? Gawd.
If you take a look at the date, 2000-07-21, that article was written
nearly 5 years ago back when that kind of stuff was typically accepted.
More recent articles on ALA have generally been much more focussed on
standards compliance and best practices. So please don't discredit the
whole of ALA based on a few bad articles in the past.
--
Lachlan Hunt http://lachy.id.au/ http://GetFirefox.com/ Rediscover the Web http://SpreadFirefox.com/ Igniting the Web This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: gallery |
last post by:
I also cross-posted this in comp.infosystems.www.authoring.html. I think
it's more appropriate here.
I read somewhere that you can get Tim Murtaugh's Mo' Betta Rollovers to work
in Firefox using just CSS (no javascript) .
Can someone tell me how to do it?
http://www.alistapart.com/articles/rollovers/
|
by: Frances Del Rio |
last post by:
Hi, I while back I was having a problem with rollovers, even though I do
them in a very conventional way:
function roll(i) {
document.src = eval(i + "_roll.src")
} // in which value passed to function is "name" attr in img tag..
but on my home page, www.francesdelrio.com, I have rollovers like this:
function doRoll(Img,newImage) {
|
by: Leythos |
last post by:
I've got several sites that I used DreamWeaver MX to add RollOver buttons
to the pages, it also adds some javascript that pre-loads the images and
does the mouse_over and such.
In FireFox 1.0.1 when I load the page and it pre-loads the images the
status bar shows DONE. When I mouse over any item, it changes the image
properly, but the status (lower left of browser) shows "Read
www.somesite.com", it may also show "Waiting for...
|
by: Leythos |
last post by:
I have a site at http://www.bhlnet.net/opep, it's template site for
testing, it uses roll-over images that are setup/controlled by javascript.
I've just noticed that the pages seem to be stuck with READ/Waiting in the
status message. When I use IE I don't see the READ/Waiting.
If I remove the js I don't see it, if I refresh the page and don't hold
the mouse over any button I don't see it, I've tested with virgin code....
Any ideas?
|
by: old_school_skater |
last post by:
I'm new to coding and have been given an assignment from a friend to
try and get me up to speed with tables, doctypes and xhtml. The problem
I am having is that my table works fine in Firefox browsers but break
in IE6. Any tips would be greatly appreciated.
Please see http://www.skatopia.co.nz/Phil_homework_2/phil_answer2.html
ps - I wrote the code in Notepad and have been reading HTML 3rd EDITION
THE COMPLETE REFERENCE to learn from...
| | |
by: littleark |
last post by:
Hi everybody,
I have a typical javascript images preloader, it works fine both on
Firefox and on IE in my intranet (local server).
It works fine on the Internet (remote server) in IE.
In Firefox it stops before loading every image.
Does image.onload function have some problems with little images?
|
by: roN |
last post by:
Hi,
I'm creating a Website with divs and i do have some troubles, to make it
looking the same way in Firefox and IE (tested with IE7). I checked it with
the e3c validator and it says: "
This Page Is Valid XHTML 1.0 Transitional!" but it still wouldn't look the
same.
It is on http://www.dvdnowkiosks.com/new/theproduct.php scroll down and
recognize the black bottom bar when you go ewith firefox(2.0) which isn't
there with IE7. Why does...
|
by: luggi |
last post by:
See code here:
http://lsquareddesigns.com/som/collectivemedia/landing/test1.html
At the bottom, as soon as i add rollovers, the margins are getting messed up but only in firefox. can someone help??
thanks,
laura
|
by: pammyspammy |
last post by:
Hi -
Some background info:
I'm helping to redesign an internal website at work, and I've decided to use CSS, though I don't really have any experience with it. I figure now's a good time to learn...and what I know right now, I've pretty much learned in the last week or two.
At work, we have access to only two browsers, IE 6.0 and Firefox 2.0, so these are the only two browsers I can test the site in, and they're the only ones that...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
| | |
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
