Background image works only in Safari

[SaraH]

Hello,

I am sure this have been mentioned many times-I did my research-but I couldn’t find a solution to fix this.

The logo in http://sara-alhaddad.com/index_.html shows perfectly in Safari. The upper part is a linkable image, the lower part is an image background as I want to place text next to it.

I don’t know why doesn’t it work on Firefox or Opera. I tried changing

– background-image: url(images/lpt2.png); to background: url(images/lpt2.png);
– background-image: url(images/lpt2.png); to background: url(../images/lpt2.png);
– & placing url(“images/lpt2.png”);

But none seemed to work. Is there a way to make it visible?

Thank you!
Sara.

[chrisburton]

background-image: url(images/lpt2.png);

height:;

Make sure to at least set a height.

[SaraH]

Done & nothing has changed! If I set the height more than the actual image, the upper part moves. Other than that, it didn’t make any difference.

[chrisburton]

I misread what you wrote. If you want to have the text next to the logo, you will have to float the logo to the left.

[SaraH]

Oh no, you got it right. I have no issue with the text placement (updated page- http://sara-alhaddad.com/index_.html) My problem is that the background image in the same cell as the text is not showing in any browser but Safari. I would like to fix that so it can show in other browsers.

[Author]

Posts