I'm having trouble styling an iTunes type Add to basket/Buy button which also has social sharing functionality.
See the visual here:http://www.energycell.co.uk/html5/conundrum1.gif.
the code I currently have for the line item is:
<img src="assets/framework/product_thumb.jpg" width="112" height="112">
<dt><a href="#">Mountain Gorilla</a></dt>
<dd>By: <a href="#">VanguardCinema</a></dd>
<dd class="buy">Rent: <a href="#">$99.99</a></dd>
<dd class="buy">Own: <a href="#">$99.99</a></dd>
Has anyone seen anything like this before and got any ideas which is the best way?
Thanks a lot in advance...I'm a bit stuck.
We can't do anything without more code :). If you have a link then please let us have it.
If you don't, then please post full HTML and CSS at least.
Is the "over" state just not working? I'd check your CSS for any :hover pseudo classes and see if they set any backgrounds.
It's OK, I've done it using nested UL's