Image disappearing when moving from internal to external style sheet?

We’d need to see the CSS t be able to help.

Is it one image or all of them?

If it’s all of them, you may be having the same problem I have… every time I create a new template, I usualy forget to add php to the stylesheet link in the header. :]

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />

I found the solution my self yesterday:) I just uploaded my images to the web and changed url in my css.I’m not sure that this is right solution but it worked for me:)
This is css for my rollover botton:
.button1 {
width: 200px;
height: 40px;
float: left;
margin-left: 35px;
margin-top: 15px;
}

.button1 a {
background-position: center center;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: scroll;
display: block;
height: 100%;
font-size: xx-small;
text-align: center;
line-height: 7px;
color: #E6F4F1;
background-image: url(‘https://img192.imageshack.us/img192/3089/button61.jpg’);
}
.button1 a:hover {
background-position: center center;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url(‘https://img444.imageshack.us/img444/8859/button63.jpg’);
}

Thanks for your help!

toxiccosmos
Can you please post any example?
Thank You!

sure, orgspirit.
what sort of example are you looking for? did your solution not work?

It did,but not properly…. when I’m pointing my mouse on my buttons they have some delay.. and I think the problem is that images are uploaded to the web and the speed of hovering is depending on that server where images have been uploaded.. So I whant to try your way)) But I don’t understand exactly what I have to do..I’m beginner in this field
(php & WP).What do you mean by “add php to the stylesheet link in the header”? And if possible can you go in to more details?
Thank you very much!)*

Well, if your images/styles are working, then my example doesn’t apply, there’s no problem with the link to your stylesheet.

As for the delay, it might have to do with the fact that your images are stored on imageshack. Maybe you should try moving them to where you’re hosting your site.

Sorry for late reply, I was away! There wasn’t problem with hosting I just needed put one image instead of two separated and this resolved my problem.
Here is the code:

#button1 {
width: 112px;
height: 22px;
margin-left: 10px;
margin-top: 7px;
margin-bottom: 1px;
margin-right: 7px;
float: left;
}

#button1 a {
background-position: center top;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: scroll;
display: block;
text-align: center;
height: 101%;
font-size: 1px;
line-height: 7px;
color: #E6F4F1;
background-image: url(‘/media/buttons2/home.png’);
}
#button1 a:hover {
background-position: center bottom;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url(‘/media/buttons2/home.png’);

Thank you for your help!!!!!