Firefox
more_horiz
close

on 29th November 2017 / by thomas.john
This article will explain, how to display mouse over image for a gallery block image or on any content image in Firefox Web Browser. While working on a project my requirement was to display a mouse over image, say 'View More' image for the last image in gallery block. For the mouse hover in image tag, I added a background image. See the code below. HTML Code for Image <ul> <li class="even first"> <a href="/media-gallery"> <img width="100" height="100" alt="" src="media-gallery-1.jpg"> </a> </li> <li class="odd last"> <a href="/media-gallery"> <img width="100" height="100" alt="" src="media-gallery-2.jpg" > </a> </li> </ul>CSS Code ul li.last a img { position: relative; z-index: 10; opacity: 1; filter: alpha(opacity=100); } ul li.last a img:hover { content: " "; z-index: 100; display: block; top: 0; left: 0; right: 0; bottom: 0; background-image: url("../images/view_more1.png"); opacity: 0.3; filter: alpha(opacity=30); height: 100px; width: 100px; }Here the problem was that, the mouse hover image was getting displayed on every browser except on Firefox Web Browser. When I inspected the element, I found that my CSS was called properly, but the background image was not coming up. I tried many options but the results were same, in the Firefox Web Browser, image was not getting displayed. I even set the mouse hover image on a tag, but still the background image was not coming up. It was because for the Firefox Web Browser, the main image always comes in front. So along with adding mouse hover image on a tag, I added a display none for the image on hover and solved the issue. Checkout the CSS below. ul li.last a { position: relative; z-index: 10; opacity: 1; filter: alpha(opacity=100); } ul li.last a:hover { content: " "; z-index: 100; display: block; top: 0; left: 0; right: 0; bottom: 0; background-image: url("../images/view_more1.png"); opacity: 0.3; filter: alpha(opacity=30); height: 100px; width: 100px; } ul li.last a:hover img { display: none; } CSS Drupal 7 Firefox Leave a reply Your email address will not be published. Required fields are marker *
more_horiz
close

on 10th May 2016 / by Anoop John
If you use Firefox for web development and also for regular browsing you would sooner or later realize that the Firefox addons that you use for web development is slowing down your browser and you would want to use a Firefox profile without any addons for your regular browsing. But if you do that and you want to use your developer tools once in a while you will usually have to close your Firefox session before you start a new session loading your development profile. Well not really. Here is how you can use two Firefox profiles simultaneously and not having to go through the command line every time. These instructions apply for Ubuntu but should probably work for other other GNU / Linux variants as well. You can start a new firefox session with a new profile by using the following command firefox --profile-manager -no-remote Now the next part is to add this as an option to the firefox icon that appears in your dashboard. For this the easy option is to edit /usr/share/applications/firefox.desktop. You can alternatively create a copy of the desktop file into your local users ~/.local/share/applications folder. vi /usr/share/applications/firefox.desktop Find the line "Actions=" under the [Desktop] section in the file and prefix "NewProfile;" to the value of the string. Then add a new section [Desktop Action NewProfile] Name=Open a New Profile Exec=firefox --profile-manager -no-remote OnlyShowIn=Unity; below the [Desktop] section. That is it. Now you should see a new option "Open a New Profile" when you right click on the firefox icon in your dashboard. Happy hacking. Firefox Ubuntu GNU Linux Linux Tips Tips and Tricks Leave a reply Your email address will not be published. Required fields are marker *
more_horiz
close

on 18th April 2015 / by prince.kr
I have used universal font WOFF also known as Oswald for one of Drupal sites header navigation menu bar links as font style. A font(WOFF) is truly universal means the availability is improved and also the font uses less bandwidth with compressed data, which loads the websites faster. I came across with a peculiar issue that, the font loads faster on all browsers (all versions) but not on Firefox. After checking the documentation for WOFF font and found that, it only supports lower versions of Firefox by default and not to higher versions.It doesn't mean that it wont support the higher versions of Firefox completely, but may depend for different versions of same fonts. The following steps can fix hanging in Firefox: Add the below code to the .htaccess file for compression AddType application/x-font-woff .woff Add the font in the theme css using @font-face @font-face { font-family: GentiumTest; src: url(fonts/GenR102.woff) format("woff"), url(fonts/GenR102.ttf) format("truetype"); } Add the different versions of same font in the css @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(http://jquery4u.com/wp-content/themes/jquery4u/css/fonts/oswald/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(http://jquery4u.com/wp-content/themes/jquery4u/css/fonts/oswald/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } Add the custom font for the content as: h1 { font-family: Oswald, sans-serif; } Firefox Leave a reply Your email address will not be published. Required fields are marker *
close

on 21st December 2012 / by dhanyamol.kv
Firefox seems to add an extra top-padding for all the anchor tags inside li elements. If you are facing the same issue in your website and want to know how to remove the extra top padding for anchor tags inside a li element in Firefox then read on to know the solution. I had created a menu using ul,li tags. However I realized that Firefox was adding padding-top to the anchor tag inside li elements. The root cause of the issue is that Firefox sets the default style of the anchor tag inside a li element to display:inline. We are not allowed to set the width height, top and bottom margins or paddings for the anchor tag. That means we should find a way to bypass this limitation. The only way to fix the issue is to set the anchor tag inside a li element to float:left. That way we will be able to set the paddings and margins. To fix this issue we need to set the anchor tag inside a li element to float : left. So that we can set the paddings and margins. Here is how I modified the CSS to fix the issue. li a { float: left; } #menu-id ul li a { float: left; font-family: Arial; font-size: 10px; color: #5E5E5E; } Hope this solves your problem too. If you have any feedback get in touch with us using the comment form below. Web Development Firefox CSS Cross Browser Compatibility CSS Issues Leave a reply Your email address will not be published. Required fields are marker *
more_horiz
close

on 25th June 2009 / by webmaster
Firefox is readying itself for yet another major release. That is an amazing feat by itself when you consider the fact that, they had another major release, called Firefox 3.0, less than a year ago. Now it is time for highly revised and improved Firefox 3.5. You can even give it a try by installing the release candidate vesrion called Firefox 3.5RC2 in your Ubuntu. But we recommend you to wait until the official release of Firefox 3.5 which is safer. Firefox 3.5RC2 is only for testing purposes. This new release was originally branded as Firefox 3.1. But in order to better reflect the kind of changes happened with this new edition, it was renamed Firefox 3.5. Some of the improvements include enhanced tab functionality, more privacy, and also it is much faster to run. Here is a list of Top 8 upcoming features in Firefox 3.5, which are really worth a look. Linux Firefox GNU Linux Leave a reply Your email address will not be published. Required fields are marker *
more_horiz
close

on 21st April 2009 / by webmaster
Firefox is a not only a choice, but a better alternative to Internet Explorer for GNU/Linux users. Windows version of Firefox is also available for download for free. But some sites may not at all show up properly in Firefox. This has nothing to do with Firefox, it is more or less an issue on part of the designers of the site itself. Since Internet Explorer does not have a Linux version, you will have to use wine to install and run Internet Explorer in Ubuntu. We have compiled a step by step procedure on how to install Internet Explorer in Ubuntu with useful screenshots. Ubuntu Internet Firefox GNU Linux Internet Explorer Leave a reply Your email address will not be published. Required fields are marker * Harshad Hussain (not verified) access_time 24 May 2019 - 08:55 i feel good Add new comment
more_horiz
close

on 01st April 2009 / by webmaster
There has been certain issues with the recent updates of Firefox in Ubuntu 8.10. After installing all the recent updates in Ubuntu intrepid ibex, Firefox may start showing up some errors while trying to run the same. The most common error is the one which Firefox simply fails to start with an error message "Could not find compatible GRE between version 1.9b3 and 1.9b3". This issue can be solved with a simple workaround. Take a look on How to solve the issue with Firefox caused while updating Ubuntu 8.10 Ubuntu Free Software Firefox GNU Linux Leave a reply Your email address will not be published. Required fields are marker *
more_horiz
close

on 30th June 2008 / by webmaster
// Are you a software developer working on drupal and frequently uses site:drupal.org search on google? Are you tired of typing site:drupal.org whenever you search something drupal related? Well here is our simple solution to your problems. Now you can do drupal site search directly from Firefox. All you have to do is click on the following URL to set up custom Drupal search on your Firefox browser. Click here to Install Drupal.org Site Search Extension for Firefox It was not very complicated to set this thing up. The developer documentation at mozdev provides excellent resources on how to do this. You might want to check that if you want to create custom search engines for Firefox. Drupal Free Software Firefox Google Drupalgive Leave a reply Your email address will not be published. Required fields are marker *