# Swap images using html and css

**URL:** <https://forum.kirupa.com/t/swap-images-using-html-and-css/301331>\
**Category:** web dev\
**Created:** [December 7, 2009, 9:28pm UTC](https://forum.kirupa.com/t/swap-images-using-html-and-css/301331 "2009-12-07T21:28:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![laertjansen](https://avatars.discourse-cdn.com/v4/letter/l/b4bc9f/32.png) [@laertjansen](https://forum.kirupa.com/u/laertjansen)\
**Post date:** [December 7, 2009, 9:28pm UTC](https://forum.kirupa.com/t/swap-images-using-html-and-css/301331/1 "2009-12-07T21:28:20Z")

</div>

Hello mates,

May I ask for some help here?

I’m trying to swap two _.png images following a tut from [webdesignerwall.com](http://webdesignerwall.com) but I can’t seem to make it work. Actually is this the best way to swap images? css?  
Currenlty the codes I have for one image are:  
\*HTML: \*\*  
\<div id=“contact”\>  
\<img src=“images/contact.png” title=“Contact | Work Inquiries” width=“291” height=“12” border=“0” alt=“Contact | Work Inquiries”/\>  
\</div\>  
 **CSS:**  
 #contact { padding:10px 0 0 0; width: 850px; border-top:1px solid #171717;/ border-bottom:1px solid #0f0f0e;_/}

I appreciate any help in advance,

Thank you very much,