Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Firefox CSS specific code not working

Posted on 2014-03-21
2
Medium Priority
?
404 Views
Last Modified: 2014-03-21
Hi,

I have this page:
http://myultratrust.com/index1.html

The two rotating images are off a bit by around 2 pixels. You can see the blue horizontal bar is slightly off to the left of the couple with the laptop.

I read on stackoverflow that this should work:

/* for ei-slider */
#family_img img {
    height: 415px !important;
    margin-left: -37px !important; /*sanjay - -9px*/
    margin-top: 62px !important;
    width: 585px !important;
}

#young_couple img {
    margin: 1px 0px 0px -34px !important; /*sanjay - no margin for this image*/
    height: 458px !important;
}

@-moz-document url-prefix() {
    #family_img img {height: 417px;}
    #young_couple img {height: 460px;}
}

Open in new window


But it doesn't work. It's in an external stylesheet at stylesheet04.css. What could be the problem?

Thank you<><
Victor
0
Comment
Question by:Victor Kimura
  • 2
2 Comments
 

Accepted Solution

by:
Victor Kimura earned 0 total points
ID: 39945000
oh, I forgot to place the !important code in it:

@-moz-document url-prefix() {
    #family_img img {
        height: 417px !important;
        margin-left: -36px !important;
    }
    #young_couple img {height: 460px !important;}
}

Open in new window


It works now! =)
0
 

Author Closing Comment

by:Victor Kimura
ID: 39945001
Forgot the !important attribute code. Works now!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

885 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question