<TABLE> larda Hücre içeriğini tam yerine yerleştirmek.
Aslında demin bir sayfa kaldı derken yanılmışım, notlarımda kalan bir sayfaydı, ama o sayfayı buraya tek bir sayfa halinde yazsam, herhalde 15 dakika sonra kendinize delimiyim ben yahu filan
diye sormaya başlardınız. Burada anlatmaya çalıştığım şeyler 1-2 gün içinde size bayağı kolay gelecek, ama herşeyi bir araya koysam, unutun gitsin, biz işimize bakalım; ne diyorduk:
Biraz daha güzellik, yada karışıklık; nasıl isterseniz öyle tanımlayın. Ama bu kısım da
çok önemli. Çünkü, artık hücrenin içine yerleştirdiğimiz içeriği (resim yada metin), sağa-sola, aşağı-yukarı, (belki günün birinde öne-arkaya) kaydırmasını göreceğiz.
Hepsi <TD> etiketinin içine koyacağımız
ALIGN yada align (ayarlamak anlamında) ve VALIGN yada valign (vertical align'ın kısaltması valign yapmışlar) özellikleriyle gerçekleşecek. ALIGN ve VALIGN'ı koyduktan sonra, ki her birinin anlayacağı
sıfatlar ayrıdır:
aligniçin,
- align=center (ortaya)
- align=left (sola)
- align=right (sağa)
valign için
- valign=top (yukarı)
- valign=middle (ortaya)
- valign=bottom (aşağıya)
Dikkatlilerin gözünden kaçmamıştır, align=center (ortaya) ve valign=middle (ortaya) aynı şey değiller mi diye sorabilirsiniz. Cevap hem evet hem hayır (ben politikacı değilim ama),
gerçekten; koordinat olarak aynı bölgeden bahsederseniz, cevap evettir. Ama birde teksatırlık bir hücre yada <TD> etiketi düşünün şöyleki:
<TABLE WIDTH=200 BORDER=1>
<TR>
<TD>Superturks</TD>
</TR>
</TABLE>
şöyle bir tablo verir:
Şimdi bunu ortaya almak isterseniz valign=middle hiçbir işinize yaramaz. Yalnız align=center bu işi becerir.
<TABLE WIDTH=200 BORDER=1>
<TR>
<TD align=center>Superturks</TD>
</TR>
</TABLE>
Oldu mu? Peki, valign ne işe yarar, onu da gösterelim:
Eğer hücreniz tek satırdan fazla, yada height özelliği kullanılmışsa, valign özelliği olmadan şöyle bir şey çıkar ortaya:
<TABLE WIDTH=200 HEIGHT=100 BORDER=1>
<TR>
<TD align=center>Superturks</TD>
</TR>
</TABLE>
Browser, varsayılan olarak, vertical (dik) ayarını tam ortaya (middle) yaptı. Yani valign=middle olmuş oldu. Şimdi siz bu ayarı yukarı değiştirmek için valign=top aşağısı için valign=bottom
şeklinde etiketin içine ilave yapacaksınız. Ben birini yapıyorum, diğerlerini siz deneyin.
<TABLE WIDTH=200 HEIGHT=100 BORDER=1>
<TR>
<TD align=center valign=top>Superturks</TD>
</TR>
</TABLE>
Ben sizin yerinizde olsam, artık bol bol alıştırma yapıp, web sitemde nevar neyok ise
hepsini <TABLE> </TABLE> etiketinin içine almaya uğraşırdım.
Şimdi son sayfaya ilerleyelim.
|
