Oto, co próbuję osiągnąć w HTML / CSS:
Mam obrazy w różnych wysokościach i szerokościach, ale wszystkie są poniżej 180 x 235. Więc to, co chcę zrobić, to stworzyć div
z border
i vertical-align: middle
wszystko. Zrobiłem to pomyślnie, ale teraz utknąłem na tym, jak poprawnie połączyć href w całości div
.
Oto mój kod:
<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>
Zwróć uwagę, że ze względu na łatwe wklejanie kopii, kod stylu jest wbudowany.
Przeczytałem gdzieś, że mogę po prostu dodać kolejny nadrzędny div na górze kodu, a następnie zrobić w nim href. Jednak na podstawie niektórych badań nie będzie to prawidłowy kod.
Podsumowując ponownie, potrzebuję, aby całe div ( #parentdivimage
) było linkiem href.