CODEWITHSUNDEEP
cssfirefox
Driftwood
Driftwood

Reputation: 191

Firefox Not implementing full style sheet

I'm having a bit of an issue with Firefox. I have implemented the following rule:

h1.entry-title {    
    font-family: "meddon"; color:white;
    padding: 10px 0 25px 0;
    margin: 0px;        
    background-image: url(images/backgrounds/h1.png) no-repeat bottom 0px; 
}

Yet in Firefox it doesn't show fully. Using Firebug, it shows an incomplete rendition of this style. The following is rendered:

h1.entry-title {
    color: white;
    font-family: "meddon";
    margin: 0;
    padding: 10px 0 25px;
}

Not sure why the other declarations are not showing up, ie, the background image is not there. Also note that padding should have 4 numbers not three. Any ideas?

Upvotes: 1

Views: 106

Answers (3)

zzzzBov
zzzzBov

Reputation: 179206

because you used an invalid background-image value, the style will not show up.

As for the padding, firebug uses abbreviations whenever possible:

padding: all;
padding: top/bottom left/right;
padding: top left/right bottom;
padding: top right bottom left;

Upvotes: 1

breezy
breezy

Reputation: 1918

Try This

h1.entry-title {
         font-family: "meddon"; 
         color:white; 
         padding:10px 0 25px 0;
         margin: 0px;
         background:#fff url("images/backgrounds/h1.png") no-repeat bottom }

Upvotes: 1

Doug Stephen
Doug Stephen

Reputation: 7351

background-image only takes an image source, not a list of parameters. You're looking for just plain background

Here's a link to the background property

As for the padding, the 3 parameter syntax translates to top, right & left, bottom. The four number syntax translates to top, right, bottom, left. So it's doing the same thing.

Upvotes: 4

Related Questions