Pe│ny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[g│≤wne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artyku│y]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

float

Warto╢ci:

• none (warto╢µ domy╢lna) - CSS1 / IE4, N4, O3.5

bez zmian

• left - CSS1 / IE4, N4, O3.5

element znajduje siΩ po lewej stronie i oblewany jest z prawej strony

• right - CSS1 / IE4, N4, O3.5

element znajduje siΩ po prawej stronie i oblewany jest z lewej strony

• inherit - CSS2 / N6

przejΩcie warto╢ci "rodzica", np. float:inherit;

• CSS/przegl▒darki: CSS1 / IE4, N4, O3.5
• odpowiednik HTML: align

• Przyk│ad 1:

<IMG src="../p/logo.gif" width="120" height="60" style="float:left;">
Tekst bΩdzie oblewa│ element po prawej stronie, a sam element znajdzie 
siΩ po stronie prawej - zgodnie z tym co zadeklarowali╢my.<br> Co 
ciekawe, w CSS oblewaµ mo┐na nie tylko obrazki, ale tak┐e akapity 
i inne elementy. Pozwala to tworzyµ bardzo zaawansowane i │adnie 
pouk│adane strony z tekstem.

Tekst bΩdzie oblewa│ element po prawej stronie, a sam element znajdzie siΩ po stronie prawej - zgodnie z tym co zadeklarowali╢my.
Co ciekawe, w CSS oblewaµ mo┐na nie tylko obrazki, ale tak┐e akapity i inne elementy. Pozwala to tworzyµ bardzo zaawansowane i │adnie pouk│adane strony z tekstem.

• Przyk│ad 2:

<STYLE TYPE="text/css"><!--
IMG {float:none;}
.lewo {float:left;}
.prawo {float:right;}
--></STYLE>