Web Application

[Mehmet TAMTÜRK]

Bir ara derste css in float:right özelliğini öğrenirken resmin sağ alt
köşede olmasını istiyorsak naparız sorusuna float:right bottom;
yaparız diye bi cevap gelmişti.
float:right bottom; diye birşey yoktur. float sadece "right" ve "left"
değerlerini alır.

Eğer sağ altta istiyorsak bunu yapmanın değişik yolları vardır. Bunlar
çok düzgün olmasa da madem yapmak istiyoruz o zaman yapalım.

--------------------------------------------------------------
<img src="resim.png" stlye="float:right"/>

<p>This is some text. This is some text. This is some text. This is
some text. This is some text. This is some text.This is also some
text. This is also some text. This is also some text. This is also
some text. This is also some text. This is also some text.This is also
some text. This is also some text. This is also some text. This is
also some text. This is also some text. This is also some text.This is
also some text. This is also some text. This is also some text. This
is also some text. This is also some text. This is also some text.</p>

Bu şekilde yazdığımız zaman resim sol üst köşede gözükecektir. Ama
biz alltta istyoruz. Dolayısıyla,

-------------------------------------------------------------
<p>This is some text. This is some text. This is some text. This is
some text. This is some text. This is some text.This is also some
text. This is also some text. This is also some text. This is also
some text. This is also some text. </p>

<img src="resim.png" stlye="float:right"/>

<p>This is also some text.This is also some text. This is also some
text. This is also some text. This is also some text. This is also
some text. This is also some text.This is also some text. This is also
some text. This is also some text. This is also some text. This is
also some text. This is also some text.</p>

Paragrafımızı ikiye ayırıyoruz ve resmi bu ikisinin arasına koyuyoruz.
Daha sonrada iki paragraf ayrı durmasın diye
<style>
p{display: inline;}
</style>
vererek sanki tek paragrafmış gibi gösteriyoruz.
İstediğimiz görüntüye ulaşmış olduk.
-------------------------------------------------------------

Hadi Selametle..