Firefox 4 Web coding tweaks?

[Rod Abbotson]

OK I have downloaded the Beta version and started to use it..one has no choice when a new browser version comes out to make sure all you web pages still display as you want.

So far so good...just one annoying thing to date...I have the dotted outline on links hidden for Firefox using CSS this works fine on the current version but on Firefox 4 the dotted out line is displayed once a link is visited....

the CSS have been using to date is as follows:

a:link {color: yellow; font-family:arial;font-size:1em;font-weight:bold;font-style:italic;text-decoration: none;}
a:visited {color: yellow; font-family:arial; font-size:1em;font-weight:bold;font-style:italic;text-decoration: none;outline: none; /* hide dotted outline in Firefox */}
a:hover {color: silver; font-family:arial; font-size:1em;font-weight:bold;font-style:italic;text-decoration: none;outline: none; /* hide dotted outline in Firefox */}
a:active {color: silver; font-family:arial; font-size:1em;font-weight:bold;font-style:italic;text-decoration: none;outline: none; /* hide dotted outline in Firefox */}

OK I will try adding outline: none to the a:link line and see if that works...

will let you know the result.. OK this didn't work...so it will display the dotted outline only after the link is visited in Firefox 4 Beta but in the current version the above coding works fine and it is not displayed.

Any ideas or other odd things anyone has noticed yet with this new beta version.

Rod

[subsystems]

I haven't tried this but try changing your outline: none to outline: 0 or even outline: 0 none. 0 is the border width.

There are downsides to this. You need to provide some sort of focus indicator. Example: those using keyboard only tabbing through the links on the page can't tell where the focus is.

[filmword]

have not tried the FF 4 beta.
Won't try the beta FF 4.

have not seen my browser bar icon/buttons for add-ons:
download helper; clear cache, since the installation of FF above 3.3

both add-ons still appear as installed, but no visible access to clear cache
Download helper animated icon appears in lower browser frame - though I don't find it working as before, easily locating and listing the media files to download.

There was a period of about 2 weeks when I could only open FF in Safe mode - first time I recall the auto installation of a Safe Mode button, too. I think the FF crew is playing a bit fast and loose with their known user base. I hadn't had to use a Safe Mode since I used MS IE 5.5

[Faglork]

OK I have downloaded the Beta version and started to use it..one has no choice when a new browser version comes out to make sure all you web pages still display as you want.

I would not waste my time on re-coding my pages according to the bugs of a BETA version ...

Just my 2 cents,
Alex

[weegillis]

Until CSS3 is fully supported (and HTML 5) in desk top web browsers, it is probably not a good idea to introduce it to your production code. New code, made for the devices that currently support the new spec can easily be isolated to those devices so push on with your development. Just keep in mind that backward compatibility (with desk top software) is not an option, imho.

You could use DOM scripting to control your desired properties. In keeping with subsystem's caution note, element:focus{outline: none;} is best avoided in the style sheet. If scripting is used (which is usually not supported on text only devices) the property can be set as normal for enabled users.