The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Basically I want to have my website use different CSSs depending on what the user chooses, and I am fine with the coding but I need to get my link images into the CSS so that they change aswell. That is the code of my link above. Please help,

You need to use programming for that, not only CSS. You can do it different ways. You can set a cookie that remembers the settings (or pictures) that a particular user wants, or you can that keeps the name of the stylesheet that load those pictures, or you can use any scripting language create it on the fly.

Although I used white as the color beneath the image, you should put the bg color of your image.

I used <a> as the tag to attach bg image to, so some additional styling is necessary in order for the entire image to be revealed; turn <a> into block element and give it the width and the hight of the bg image used. Here I presumed that all of your images are the same width and hight so it can be declared in only one rule instead of repeating it for every <a> id (youll use your numbers of course):

Code:

dl.links dt a { width: 170px; height: 30px; display: block; }

Here (in the above selector) you could also put the rules for "no-repeat center top" part so you dont have to repeat it in every id like i did.

ps. i noticed you dont have definition descriptions for your definition terms. I dont know what the overall purpose of this code snippet is, but if its just "normal" navigation you should consider using <ul> instead of <dl>

You may also want the link text to be hidden so only the bg image shows through in your navigation, you can do it using one of the Image replacment techniques. I like the last one the best

Note that images that are content-relevant should be in HTML and images that are only style-relevant should be kept in CSS