Hello, I am trying to create CSS sprite for few images that are not in the background. would like to get some help to make it right. the code is: <div class="css65"><br> <img src="http://www.8downloads.com/skins/admin/images/scan.png"> <a href="http://www.8downloads.com/sources/cron_2.php?scan&ceck_now=2">Scan</a><br> <img src="http://www.8downloads.com/skins/admin/images/recomended.png"> <a href="http://www.8downloads.com/index.php?a=admin&b=programs&recom=1&mem[]=2">Recommend</a><br> <img src="http://www.8downloads.com/skins/admin/images/globe.png"><a title="Translate" href="javascript:open_window('http://www.8downloads.com/index.php?a=admin&b=translate&c&numar=2&lng=en');">Translate</a><br> <img src="http://www.8downloads.com/skins/admin/images/edit.png"> <a href="http://www.8downloads.com/index.php?a=admin&b=programs&editare&mem[]=2">Edit</a> | <a href="javascript:open_window('http://www.8downloads.com/index.php?a=admin&b=programs&edit_des&numar=2&c');">Edit Description</a> <br><img src="http://www.8downloads.com/skins/admin/images/email.png"> <a href="http://www.8downloads.com/index.php?a=admin&b=programs&email&mem[]=2">E-mail</a> <br><img src="http://www.8downloads.com/skins/admin/images/unlisted.png"> <a href="http://www.8downloads.com/index.php?a=admin&b=programs&anulare&mem[]=2">Unlist</a> <br><img src="http://www.8downloads.com/skins/admin/images/spon.png"> <a href="http://www.8downloads.com/index.php?a=admin&b=sponsored&spons_edit&mem[]=2">Sponsor</a> <br><img src="http://www.8downloads.com/skins/admin/images/erase.png"> <a onclick="return confirm('Are you sure you want to delete this?')" href="http://www.8downloads.com/index.php?a=admin&b=programs&sterge&mem[]=2&home">Delete</a><br></div> Code (markup): and the site is : http://www.8downloads.com/windows/video-multimedia/media-players/vlc-media-player/ (the "user tools" widget on the right). thx G
sure, I like to replace the code attached with code that will display the same but will use background images so I can create CSS sprite image.
Do you mean like this? div.css65 { width:widthpx; height:heightpx; background:url('logopath.jpg'); } Code (markup):
It is better to contact any web design experts and share your thought with them.There are many online tutorials available to learn CSS and they also help you to solve the problems.Learning through online tutorials is the best method to learn web development.
While the internet is a great resource, I must disagree that it's the best way to learn. I can't stress enough how important books have been to me over the years.