CSS Help!

[Kahnai]

So who here knows CSS?

I'm having horrible trouble on my CSS class' final project. I can't get two pictures to appear and I'm not sure how to turn an image into a link.

First my biggest problem. Below is the CSS code for my webpage. The first code labled lefttab works fine and appears beautifully on my page. The second code labeled righttab doesn't appear at all. Is it possible (just from this) to tell why this is?

Keep in mind, my CSS class is a very basic beginning 101 level class. So I know there may be better ways to do what I'm already doin' but these are the codes we learned and the codes I have to show for my final.

#lefttab
{
background-image: url('leftswitchtab.png');
background-repeat: no-repeat;
width: 150px;
height: 150px;
margin-left: 80px;
position:absolute;
left:175px;
top:390px;
z-index:3;
}

#righttab
{
background-image: url('rightswitchtab.png');
background-repeat: no-repeat;
width: 150px;
height: 150px;
margin-left: 80px;
position:absolute;
left:175px;
top:390px;
z-index:3;
}

If you can help I would really appreciate it. I feel like I've been trying to figure this out for hours... :s

 

[Evil Eye]

Having all the files in question would be handy. Based on just this I'd say they're just in the exact same place (one being on top of the other).

I'm not sure how to turn an image into a link.

You wrap an <a> around it.
Well, that's the best way to do it. You could use CSS to make an <a> look like an image or you could use JavaScript to make an image link somewhere.