Please please help me with HTML CSS Image hover and active... Really needing help.?

J

Junichi

New member
I have to make an image on a website hover and active ready with HTML and CSS.
I really really need help with this as it is a present for someone I really care.
I am Japanese and I am very sorry for my bad English.

I am very new with HTML and CSS, and I have made this much as of now.
Please take a look at it, and let me know how can I achieve what I want.

----------HTML part--------------------------------

<div class="lates_photos">
<a class="side01" href="http://blog.sampleurl.com/?cat=12"><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/Gallery Photos.jpg" /></a>


</div>

----------CSS part--------------------------------

.widget_lates_photos .title { margin:0px 0px 7px 0px;}
.widget_lates_photos a { display:block; margin:0px 0px 5px 0px;}

.widget_lates_photos a.side01 { display:block; background:url(images/side01.jpg) no-repeat 0 0;}


.widget_lates_photos a.side01:hover { display:block; background:url(images/side01-act.jpg) no-repeat 0 0;}


.widget_lates_photos#current a.side01 { display:block; background:url(images/side01-cur.jpg) no-repeat 0 0;}


I really really appreciate if somebody can help me with my question.
Please help me.
 
Back
Top