HTML/bütün div href link CSS | Netgez.com
SORU
16 Aralık 2010, PERŞEMBE

HTML/bütün div href link CSS

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.

CEVAP
16 Aralık 2010, PERŞEMBE

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.

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
HtmlCss

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Cristina Landa

    Cristina Lan

    28 Ocak 2010
  • Electro Posé

    Electro PosÃ

    21 ÅžUBAT 2013
  • Sergio Lafuente Rubio

    Sergio Lafue

    11 Aralık 2008

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR