jenkinsparis
New Member
Here is what I am trying to accomplish in html/css:I have images in different heights and widths, but they are all under 180x235. So what I want to do is create a div with border and vertical-align middle them all. I have successfully done that but now I am stuck on how to properly a href link the entire div. Here is my code:\[code\]<div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"> <div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"> <img src="http://stackoverflow.com/questions/4465923/myimage.jpg" height="62" width="180"> </div></div>\[/code\]Please note that for the sake of copy pasting here easily, the style code is inline.I read somewhere that I can simply add another parent div on top of the code and then do a href inside that. However, based on some research it won't be valid code. So to sum it up again, I need the entire div (parentdivimage) to be a href link.