WordPress.com Forums » Topic: change another div's property on hover http://en.forums.wordpress.com/topic/change-another-divs-property-on-hover WordPress.com Forums » Topic: change another div's property on hover en Mon, 20 May 2013 21:19:34 +0000 http://bbpress.org/?v=1.1-alpha-2539 somersetdigital on "change another div's property on hover" http://en.forums.wordpress.com/topic/change-another-divs-property-on-hover#post-883240 Thu, 10 May 2012 11:18:22 +0000 somersetdigital 883240@http://en.forums.wordpress.com/ Hi, I'm very new to programming - I usually edit with JavaScript. I bought my latest domain before realising that WP.com doesn't support it!

I am attempting to affect a div's properties i.e. bg colour when i hover on a contained within a <span class>

I cannot get my head around it, I am thinking that PHP is my best solution, although my PHP knowledge is next to zero.

Any help would be appreciated.
Code below:

<div id="rightcolumn">
<span class="contact">

<img src="http://somersetdigitaldotcom.files.wordpress.com/2012/05/contactbutton-e1336481641733.png" alt="Contact" />

some text
</span>
</div>

.contact {
color:transparent;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
}

.contact:hover {
color:black;
}

#rightcolumn {
float:right;
margin:0 2em 2em;
width:20em;
height:50em;
text-align:center;
background:url('http://somersetdigitaldotcom.files.wordpress.com/2012/05/contactbg.png') bottom no-repeat;
}

]]>