ASPCode.net

Continued from part 1 creating a live.com image search like GUI
Finally lets create the hovering effect:
I decided to try to use the ASP.NET Ajax control toolkit and the hoverextender control.
So all we need to do is
a) add some styles

<style>
.oneimage
{
float: left;
margin: 0px 5px 5px 0px;
width: 170px;
border-right: #ffffff 1px solid;
border-top: #ffffff 1px solid;
border-left: #ffffff 1px solid;
border-bottom: #ffffff 1px [...]

Continued from part 1 creating a live.com image search like GUI
Styling the list a bit
Lets now style the list cause it doesn’t look at all like live.com.
By using  float:left on the oneimage div we are able to easily get many images on the same row:

<style>
.oneimage
{
float: left;
margin: 0px 5px 5px 0px;
width: 170px;
border-right: #ffffff 1px solid;
border-top: #ffffff [...]

Thie will be a sort of Ajax solution – no worry – but the first thing I want to show you is simply how effective CSS can be.
In short we are gonna create a GUI looking like the one found on Live.com – example
See the hovering effect? That’s cool and since I needed to [...]