Image Hover Effect Applied But Image Disappears

Hello,

I am modifying an HTML template. I want to change the opacity of certain icons/buttons on mouse over. I used this tutorial to create a hover effect. Here is the isolated image working correctly.

image a href

Hello people,
I was wondering how to get rid of the border(purple border) in my image link(logo),sadly for me I forgot. Any help is greatly appreciated.Thanks in advance.
JP.

Capture.JPG

Image Centering

All the elements on my page have their positions set at fixed or absolute.

I am trying to center an image on the page. Here is my CSS, which I am applying directly to the image:

#largepix
{
	top: 16%;
	position: fixed;
	z-index: 1;
	display: block;
	margin: auto;
	}

If I leave "position: fixed," the image will NOT center. If I remove it, then my z-index attribute is ignored. Is there a way to do both?

Thanks for any help.

CSS image a href decoration not working in FireFox and IE but it does in Chrome, what to do?

I put this in my CSS:
a {text-decoration:none;}
In Google Chrome you don't see a line around the clickable images, that's what I want. But in FireFox and Internet Explorer there are lines around the clickable images and I don't know how to fix this... since I put a {text-decoration:none;} in my CSS, which I think should solve the problem...
What do I need to do?
The website I'm talking about it www.cynthiajanes.com by the way

Horizontal Image Slider

Hey, i'm studying graphic design at uni. We are doing web design and im trying to get a bit of an upperhand on everyone and i've been really trying to make my site look good. I am using dreamweaver because we have to and it's easiest. I have been trying to find javascript ones and trying to find css codes for it.. but nothing seems to work.
I am positive that someone on here knows how to do it.

But here is my problem:

Syndicate content