Вот что я пытаюсь выполнить в HTML/CSS:
У меня есть изображения разных высот и ширины, но они все под 180x235. Поэтому я хочу создать div
с border
и vertical-align: middle
все. Я успешно это сделал, но теперь я застрял в том, как правильно привязать href к ссылке div
.
Вот мой код:
<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="myimage.jpg" height="62" width="180">
</div>
</div>
Обратите внимание, что для удобства копирования в этом случае код стиля встроен.
Я где-то читал, что могу просто добавить еще один родительский div поверх кода, а затем сделать href внутри этого. Однако, основываясь на некоторых исследованиях, это будет недействительный код.
Итак, чтобы подвести итог, мне нужно, чтобы весь div (#parentdivimage
) был ссылкой href.