Görüntü hizalamaya hoş geldiniz! Çeşitli görsel konumlandırma seçeneklerinin gelgitlerini göstermenin en iyi yolu, onları bir kelime okyanusunun arasına yerleştirmektir.Hadi bir kürek kapın ve başlayalım.
Hizalama konusunda, kullanıcıların Hiçbiri, Sol, Sağ ve Merkez seçeneklerinden birini seçebileceklerini belirtmek gereklidir. Buna ek olarak, Küçük Resim, Orta, Büyük ve Tam Boyut seçeneklerine de sahiptirler.
Yukarıdaki görüntü ortalanmıştır.
Bu paragrafın geri kalan kısmı, metnin sola hizalanmış 150×150 boyutundaki resmin etrafına sarıldığını görmek için doldurulmuştur.
Gördüğünüz gibi, görüntünün üstünde, altında ve sağında biraz boşluk olmalıdır. Metin görüntü üzerinde kaymamalıdır. Görüntülerin de nefes almaya ihtiyacı vardır. Bırakın kelimeler gibi konuşsunlar. Bırakalım da işlerini metinle uğraşmadan yapsınlar. Yaklaşık bir cümle sonra, metnin görüntünün sağından aşağıya doğru kesintisiz bir geçişle ilerlediğini göreceğiz. Yine, bırakın işini yapsın. Ve evet görev tamamlandı!
Ve şimdi de devasa büyüklükte bir resim. Ayrıca hizalama da yok.
Yukarıdaki görsel 1200 piksel genişliğinde olsa da içerik alanını taşırmamalıdır. İçeriğin akışında gözle görülür bir kesinti olmadan içeride kalmalıdır.
Ve şimdi yine, resmin üstünde, altında ve solunda bolca yer olmalıdır. Şuraya bakın. Arkadaşım! Sağ tarafı salla bakalım. Sola hizalanmış resmin ne dediği önemli değil, harika gidiyorsun. Kimsenin sana aksini söylemesine izin verme.
Birazdan metnin sağa hizalanmış görüntüsünün altına kaymaya başladığını ve güzelce yerleştiğini göreceksiniz. Yine de bolca yer olmalı ve her şey yerli yerinde durmalı. Evet. Aynen böyle. Haklı olmak hiç bu kadar iyi hissettirmemişti.
Tam da işimizin bittiğini düşündüğünüz anda, hepsini altyazılarla yeniden yapacağız!
Yukarıdaki resim ortalanmıştır ve başlığın içinde de bir bağlantı var, sadece tuhaf bir şey yapıp yapmadığını görmek içindi.
Bu paragrafın geri kalanı, metnin sola hizalanmış 150×150 boyutundaki resmin etrafına sarıldığını görmek için doldurulmuştur. Gördüğünüz gibi, görüntünün üstünde, altında ve sağında biraz boşluk olmalıdır. Metin görselin üzerinde görünmemelidir. Görüntüler de nefes almaya ihtiyaç duyar. Bırakın kelimeler gibi konuşsunlar.Metinden herhangi bir güçlük çekmeden işlerini yapmalarına izin verin. Yaklaşık bir cümle sonra, metnin görüntünün sağından aşağıya doğru kesintisiz bir geçişle hareket ettiğini göreceğiz. Tekrar söylüyorum, her şey işini yapmasına izin vermekle başlar ve işte görev tamamlandı!
Ve şimdi de devasa büyüklükte bir resim gördüğünüz gibi hizalama da yok.
Üstteki resim 1200 piksel genişliğinde olsa da içerik alanını taşırmamalıdır. İçeriğin akışında görünür bir kesinti olmadan içeride kalmalıdır.
Artık işleri doğru hizaya getireceğiz.Tekrar ediyorum, görüntünün üstünde, altında ve solunda bolca yer olmalıdır. Şuraya bakın. Arkadaşım şuna bir bak ! Sağ tarafı harika görünüyor. Sol taraftaki resmin ne dediği umurumda değil, muhteşem gidiyorsun. Lütfen kimsenin sana aksini söylemesine izin verme.
Burada biraz sonra, sağa hizalanmış görüntünün altına metnin yerleşmeye başladığını ve güzelce yerleştiğini göreceksin.Yeterince yer olmalı ve her şey yerli yerinde durmalı. Evet. Aynen böyle. Haklı olmak hiç bu kadar iyi hissettirmemişti.
Ve bu kadar, Evet ! Hizalamanın dalgalı sularında hayatta kalmayı başardınız. Görüntü hizalama başarımının kilidi açıldı Tebrikler !