HTML/CSS: başarmak için çalışıyorum

Yükseklikleri ve genişlikleri farklı görüntüleri var, ama 180x235 altındadır. Yani yapmak istediğim şey border vertical-align: middle div hepsini oluşturun. Ama şimdi düzgün a href 7* *bütün bağlantı nasıl takıldım bu başarıyla yaptım.

İşte benim 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>

Lütfen kopyala iyiliği burada kolayca yapıştırmak için, stil kodu satır olduğunu unutmayın.

Sadece kod üzerine bir üst div Ekle ve iç a href yapın ben bir yerde okumuştum. Ancak, bazı araştırmalara dayanarak geçerli bir kod olmayacak.

Yani yine özetle, tüm dıv (#parentdivimage) href bir bağlantı olması gerekiyor.

GÜNCELLEME 06/10/2014:div içinde kullanarak anlamsal HTML5 doğru.

Aşağıdaki senaryolar arasında seçim yapmak gerekir:

<a href="http://google.com">
    <div>
        Hello world
    </div>
</a>

çalışacak anlamsal olarak yanlış, ama hangisi.

<div style="cursor: pointer;" onclick="window.location='http://google.com';">
    Hello world
</div>

anlamsal olarak doğru olan ama JS kullanmayı gerektirir.

<a href="http://google.com">
    <span style="display: block;">
        Hello world
    </span>
</a>

anlamsal olarak doğru ve beklendiği gibi çalışır ama bir div daha fazla değil.