Having issues with a CSS slideshow code that should move left and right on hover. After placing images into the slideshow, nothing appears. A working version can be seen at the bottom left corner of this page. I am unable to replicate the functionality and get my images to load.
Here is the HTML:
<div class="all"><div class="trash"></div><div class="buttons"><div class="back"><div class="goleft"></div><div class="container"><div class="textne"><b>[DESCRIPTION]</b></div>
<a href="[IMAGE LINK]"><div class="imagene"><img src="[IMAGE URL]"></div></a>
</div></div></div></div><a href="[LINK URL]"><div class="linku"><p>[LINK NAME]</p></div></a>
The CSS code:
*{background:none; border:none; margin:0;}
a.external:after {display:none!important;}
span.user-symbol {display:none!important;}
a {font-weight:normal!important;}
.gr-top{display:none;}
.gr-top h2 img{display:none;}
.gr-top h2{display:none;}
.gr-top span{display:none;}
.tri{display:none;}
.gr1{display:none;}
.gr2{display:none;}
.gr3{display:none;}
.commentslink, .prevlink{display:none;}
.hsep{display:none;}
.bottom {display:none;}
.list {display:none;}
/* Rest of the CSS code remains unchanged */