How To Create Multiple Hover Code

How To Create Multiple Hover Code

In Order To Understand This Question Go To This Picture
https://www.dropbox.com/s/obgvpejrzndttqb/9-25-2013%2010-16-50%20PM.png
Hey So This Is My First Time Asking A Question On {SO} So Im Hoping To Get
A Lot Of Feedback! I Was Wondering How To Code Up A Multiple Highlight
Hover Only Using Html Css And Well Of Course A php While Loop.
So In The Picture You Can See The Boxes(Friends Photos) And There Names On
The Right Sort Of Like a Year Book So the Way i Wanna Output This Is By
Fetching There Info From The Database And Using A While Loop To Out Put
The 2 Links the box(friendphotos) and name. But The Box Has To Be Inside A
Div On The Left And The Names On another Div On The Right.
Alright So This Is What I Wanna Know How Can I create Something Like The
Image So When I Hover Over There Name It Highlights There name and
Produces A Box Shadow on the box(photo) And Vice Versa. To Be More
Specific How Can I Create A Code Like This Using HTML And Css Inside a
While Loop Where The Box(friends PHoto) stays On The Left Side And The
Names Stay On The Right Side.
How Can I Create a Html Css Code That Does Multiple highlight On Hover
When I Hover The Name It Highlights The Name At The same Time The Box Gets
A shadow and Vice Versa.
How Can I Create A Code That Will Create Something Like The Image
How Can I Add That Code To A While Loop Where The Box(friendsPhoto) Will
Stay On the Left and Name On The Right without messing the layout .
Thanks In Advance I Will Really Appreciate A Good Answer Thanks Again.