Elemanları Birbirlerine Göre Hizalamak ve Boyutlandırmak

Top  Previous  Next

Her ne kadar elemanları sayfa üzerinde piksel keskinliğinde istediğimiz yerde konumlandırabilir veya istediğimiz boyuta getirebilirsek de onları birbirlerine göre konumlandırmak veya boyutlandırmak; istediğimiz sonucu elde etmek için çok daha etkin bir yöntemdir.

Bunun için gerekli komutlar Hizalama ve Boyutlandıma araç çubuğu ve bağlamsal menü üzerinde sağlanmıştır. Hizalama ve Boyutlandıma araç çubuğunu göstermek veya gizlemek için Görünüm araç çubuğu üzerindeki alignsize ikonunu veya F4 tuşunu kullanabilirsiniz.

Birden fazla eleman seçmek için; elemanlar üzerine SHIFT tuşu basılı iken tıklayın. Bakın Eleman Seçim Teknikleri.

alignleft

Sola Hizala

Elemanları, sol kenarları en soldaki elemanın sol kenarı ile aynı hizaya gelecek şekilde yeniden konumlandırır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; hizalama en soldaki elemana göre değil, en son seçilen elemana göre yapılır.

alignright

Sağa Hizala

Elemanları, sağ kenarları en sağdaki elemanın sağ kenarı ile aynı hizaya gelecek şekilde yeniden konumlandırır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; hizalama en sağdaki elemana göre değil, en son seçilen elemana göre yapılır.

 

aligntop

Üste Hizala

Elemanları, üst kenarları en üstteki elemanın üst kenarı ile aynı hizaya gelecek şekilde yeniden konumlandırır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; hizalama en üstteki elemana göre değil, en son seçilen elemana göre yapılır.

 

alignbottom

Alta Hizala

Elemanları, alt kenarları en alttaki elemanın alt kenarı ile aynı hizaya gelecek şekilde yeniden konumlandırır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; hizalama en alttaki elemana göre değil, en son seçilen elemana göre yapılır.

 

spacehorz

Elemanlar arası yatay boşlukları ayarla

Seçili elemanlar arasındaki yatay boşluklar, verilen değere göre ayarlanır.

spacevert

Elemanlar arası dikey boşlukları ayarla

Seçili elemanlar arasındaki dikey boşluklar, verilen değere göre ayarlanır.

spacehorzeq

Yatay boşlukları eşitle

Seçili elemanlar arasındaki yatay boşluklar eşitlenir. Eğer seçim içinde sadece 2 eleman varsa; elemanlar arasındaki yatay boşluk yok edilir.

 

spaceverteq

Dikey boşlukları eşitle

Seçili elemanlar arasındaki dikey boşluklar eşitlenir. Eğer seçim içinde sadece 2 eleman varsa; elemanlar arasındaki dikey boşluk yok edilir.

aligncentersvert

Yatay Merkezleri Hizala

Seçili elemanların yatay merkezleri hizalanır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; elemanlar en son seçilen elemanın yatay merkezine hizalanır.

aligncentershorz

Dikey Merkezleri Hizala

Seçili elemanların dikey merkezleri hizalanır. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; elemanlar en son seçilen elemanın dikey merkezine hizalanır.

centervert

Taşıyıcı içinde yatayda ortala

Seçili elemanların ortak yatay merkezini, taşıyıcı elemanın yatay merkezine getirir.

centerhorz

Taşıyıcı içinde dikeyde ortala

Seçili elemanların ortak dikey merkezini, taşıyıcı elemanın dikey merkezine getirir.

rollupdown

Seçili taşıyıcıyı Aç/Kapa

Seçili haldeki taşıyıcı elemanın alanını açar veya kapatır (yüksekliğini 2 piksel yapar).

shrink

Taşıyıcıyı Büz

Seçili haldeki taşıyıcı elemanın alanını en alt-sağdaki eleman tam sığacak şekilde küçültür.

shrinkwidths

Genişlikleri Eşitle

Seçili elemanların genişliklerini eşitler. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; elemanların genişliği en son seçilen elemanın genişliğine eşitlenir.

 

shrinkheights

Yükseklikleri Eşitle

Seçili elemanların yüksekliklerini eşitler. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; elemanların yüksekliği en son seçilen elemanın yüksekliğine eşitlenir.

 

sizeleft

Genişlikleri en soldakine kadar uzat

Seçili elemanların genişliklerini, sol kenarları en soldaki elemanın sol kenarı ile aynı hizaya gelecek şekilde değiştirir. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; işlem en soldaki elemana göre değil, en son seçilen elemana göre yapılır.

sizeright

Genişlikleri en sağdakine kadar uzat

Seçili elemanların genişliklerini, sağ kenarları en sağdaki elemanın sağ kenarı ile aynı hizaya gelecek şekilde değiştirir. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; işlem en sağdaki elemana göre değil, en son seçilen elemana göre yapılır.

 

sizetop

Yükseklikleri en üsttekine kadar uzat

Seçili elemanların yüksekliklerini, üst kenarları en üstteki elemanın üst kenarı ile aynı hizaya gelecek şekilde değiştirir. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; işlem en üstteki elemana göre değil, en son seçilen elemana göre yapılır.

 

sizebottom

Yükseklikleri en alttakine kadar uzat

Seçili elemanların yüksekliklerini, alt kenarları en alttaki elemanın alt kenarı ile aynı hizaya gelecek şekilde değiştirir. Eğer bu ikona CTRL tuşu basılı iken tıklanırsa; işlem en üstteki elemana göre değil, en son seçilen elemana göre yapılır.