Simple HTML/CSS regarding thumbnails

mongkol

New Member
I am new to web building. Currently following a tutorial for making an image gallery.http://www.webreference.com/programming/css_gallery/index.htmlIt all works okish (enough for me to fix things to my liking) apart from the thumbnail section. Below is a snippet of the html and css for the thumbnails which I think is relevant to the help I seek. Basically, when you hover over the thumbnail, the main image will appear in a free space in the page above. That kind of works (image doesnt appear in the right place, but I can fix that no probs) but the thumbnails are not displaying my images.I changed the container div to "gallery" as I already have a container in my html, and dont want it to be affected by the new css following the tutorial...html:\[code\] <li> <a class="gallery slidea" href="http://stackoverflow.com/questions/15696299/#nogo"> <span> <img src="http://stackoverflow.com/questions/15696299/images/Picture 014.jpg" alt="Wedding" title="Wedding" /> <br /> Wedding <br /> Outside area wedding </span> </a> </li> \[/code\]CSS:\[code\]#gallery a.slidea {background:url(images/Picture 014 thumb.jpg);height:38px;width:50px;}\[/code\]Also for my CSS, the W3C validator says " #gallery a.slidea " Value Error : background Parse Error thumb.jpg) which I dont understand.Would love some help :DCheersP.S I'm looking at putting this website onto wordpress (thats a tutorial I'll follow later on with more success I hope)
 
Back
Top