css image problem

bendgamine

Hi all... I am new to xhtml and css.. but am noticing how much css makes xhtml.. but the main problem I am having is loading some of my graphics/photos into the site ..

#buttonbar
{
width: 800px;
height: 207px;
margin: 0;
background-image: url(images/buttonbar.gif);
}

DonkeyStyle \o/

...works for me, what's the problem, are they just not showing up? or are they misaligned?
I'd try the images/buttonbar.gif bit with/without single quotes and/or try a leading forward-slash... think I had some picky server stuff happening with that before.
eg: url('/images/buttonbar.gif')

Also check whether you're using the right letter case in the path and filenames... eg. ButtonBar.GIF or whatever

sdssarah

id try using

#buttonbar
{
width: 800px;
height: 207px;
margin: 0;
background-image: url(./images/buttonbar.gif);

conordarcy

maybe its because its an id (#buttonbar)
you can only use these once on a page.
change it to a class (.buttonbar) and change the html page where it says id="buttonbar" to class="buttonbar"

.buttonbar
{
width: 800px;
height: 207px;
margin: 0;
background-image: url(images/buttonbar.gif);
}

i'd need to see the html code and the full css file to be certain though.