Solved

Firefox CSS specific code not working

Posted on 2014-03-21
2
386 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Independent Software Vendors: 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

Suggested Solutions

Find out what you should include to make the best professional email signature for your organization.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to dynamically set the form action using jQuery.

752 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