HTML’de valign Etiketinin Önemi ve Kullanımı

Günümüzde her ne kadar div giderek table’ın yerini almaya başlasa da bazen table daha pratik olabiliyor. Mesela iki tane div elementini yan yana göstermekle uğraşacağıma table kullanmak daha mantıklı geliyor bana. Dışarıdan aldığım bir iş üzerinde çalışırken aşağıdaki gibi bir tablo oluşturup içerisinde liste ile elementlerini gösterdiğimde her iki td içerisindeki liste elementlerinin miktarı farklı olduğunda aşağıdaki görünümde kaymalar oluyordu.

Bunu düzenlemek için resimde görünen tablonun koduna aşağıdaki 2. satırda bulunan valign html etiketini kullanmak gerekiyor.😉


<table border="1">
<tr valign="top">
<td>
<h3> Oncelikle ilgilendigimiz calisma konularimiz sunlardir: </h3>
<ul>
<li>Torna Tezgahlari</li>
<li>Bohrwerkler</li>
<li>Disli Tezgahlari</li>
<li>Taslama Makinalari</li>
<li>Matkaplar</li>
<li>Freze Tezgahlari</li>
</ul>
</td>
<td>
<h3> Calistigimiz baslica firmalar sunlardir: </h3>
<ul>
<li>Aselsan</li>
<li>Toshiba</li>
<li>Dell</li>
<li>Hewlett Packard</li>
<li>Qwerty</li>
<li>Asdfghjkl</li>
<li>Asdfghjkl</li>
<li>Asdfghjkl</li>
<li>buraya o sirketlerin logosu da eklenebilir</li>
</ul>
</td>
</tr>
</table>

Yorum bırakın

Filed under HTML

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s