Zaloguj | Zarejestruj | FAQ
Anonymous

background-image

+ Odpowiedz

Posty: 4 Strona 1 z 1


background-image

przez lacroixz » N gru 05, 2010 12:39 pm

Hello guys,

For some reason my background-images don't work.. And the hover-effect for my socialnetwork images neither.
Please have a look in my stylesheet, I guess one of the ID's is causing the problem but I've got no idea.

CSS: http://mauricet.ma.funpic.org/css/style.css
HTML (Right Click -> View Source: http://mauricet.ma.funpic.org/

Kindly Regards, help will be appreciated!
Avatar użytkownika

lacroixz

  • Posty: 74
  • Dołączył(a): Śr paź 27, 2010 9:26 pm

Re: background-image

przez HTML.net » N gru 05, 2010 7:34 pm

First, in your stylesheet change

#followme li #twitter:link
#followme li #twitter:hover

to

#twitter a
#twitter a:hover

(ID's has by definition to be unique. Therefore, there are no need to say the ID "twitter" within the ID "followme" - there can only be one ID "twitter" on the page. Do you get the point?)

Second, replace this image with a transperent image:

<li id="twitter"><a href="http://www.twitter.com" target="_blank"><img src="images/socialnetworks/twitter.png" alt="twitter" /></a></li>

My theory is that the background is changing. But you can't see it.

PS.
Very well structured HTML and CSS. Nice :)

- Andreas, HTML.net
Avatar użytkownika

HTML.net
Site Admin

  • Posty: 1194
  • Dołączył(a): So wrz 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: background-image

przez lacroixz » N gru 05, 2010 7:53 pm

Thanks Andreas!

The image path wasn't correct, 'url(images/navigation.png) instead of (../images/navigation.png)'
But thanks for the twitter images effect.
The HTML/CSS structure is important to me, it shouldn't be a mess.

Kindly Regards!
Avatar użytkownika

lacroixz

  • Posty: 74
  • Dołączył(a): Śr paź 27, 2010 9:26 pm

Re: background-image

przez Jacintarayenz » Wt gru 28, 2010 7:33 am

This will help you ,try this in your code.

body {background-image:url('paper.gif');}
Avatar użytkownika

Jacintarayenz

  • Posty: 5
  • Dołączył(a): Wt gru 28, 2010 5:22 am


+ Odpowiedz

Strona 1 z 1