Menu Problems

[tobolate]

Hello, i am very new at CSS but not so new at HTML, and recently ive been trying to put this ---> Click Here (http://www.dynamicdrive.com/style/csslibrary/item/solid-block-menu/) and its not working so well.. im really trying to understand CSS but im confused, i know that im putting the CSS in a different file with the extension .CSS but when i open the HTML document all i get is the menu without the red and black images.. please help. :confused:

[nwalton]

It sounds like you need to link the css file with your html file. If I had a CSS file called "styles.css", in the same directory as my HTML file, I'd have this in my HTML file's head:


<link href="styles.css" rel="stylesheet" type="text/css" />

That will tell the HTML file where to get the styles from. You also have to make sure that you specify the right path to the images in your CSS code.

[tobolate]

ok, well that did get the file working exept that the link to the images are correct and the whole thing has its shape and black back ground but the aqua looking images are not showing up. as if its still not loading them

[nwalton]

This is the part of the CSS code that tells the browser where to get the images. It looks like they are supposed to be in a folder called "media":


background: black url(media/blockdefault.gif) center center repeat-x;

If you have them in an "images" directory, the line would change to:


background: black url("images/blockdefault.gif") center center repeat-x;

I also think the image path ought to be in quotes (as above). There are two spots in the CSS where you have to specify the path. That was the first one, and the other will be similar.

[tobolate]

ok thank you for yourhelp, it does work now =]