Witam,

Na przykładzie pod linkiem jest obrazek na który jest ustawiony float:right
http://www.w3schools.com/css/tryit.asp?filename=tryc
ss_float
i otacza go tekst.
Gdy tekst jest dość długi niż długość obrazka, to tekst umieszczany jest pod
obrazkiem.
Na większych rozdzielczościach może nie być tego efektu (zależnie od
długości tekstu) ale wystarczy odpowiednio zmniejszyć okno.

Efekt jest ok ale co zrobić jakbym chciał aby tekst nie pojawiał się pod
obrazkiem tylko był wczesniej zawijany?

Pozdrawiam
G

do góry

W dniu 2011-02-07 15:41, Gizayer pisze:
> Witam,
>
> Na przykładzie pod linkiem jest obrazek na który jest ustawiony float:right
> http://www.w3schools.com/css/tryit.asp?filename=tryc
ss_float
> i otacza go tekst.
> Gdy tekst jest dość długi niż długość obrazka, to tekst umieszczany jest pod
> obrazkiem.
> Na większych rozdzielczościach może nie być tego efektu (zależnie od
> długości tekstu) ale wystarczy odpowiednio zmniejszyć okno.
>
> Efekt jest ok ale co zrobić jakbym chciał aby tekst nie pojawiał się pod
> obrazkiem tylko był wczesniej zawijany?

Dla elementu zawierającego tekst dodaj float + width.

--
Peter

do góry

W dniu 2011-02-07 15:41, Gizayer pisze:
> Na przykładzie pod linkiem jest obrazek na który jest ustawiony float:right
> http://www.w3schools.com/css/tryit.asp?filename=tryc
ss_float
> i otacza go tekst.
> Gdy tekst jest dość długi niż długość obrazka, to tekst umieszczany jest pod
> obrazkiem.
> Na większych rozdzielczościach może nie być tego efektu (zależnie od
> długości tekstu) ale wystarczy odpowiednio zmniejszyć okno.
>
> Efekt jest ok ale co zrobić jakbym chciał aby tekst nie pojawiał się pod
> obrazkiem tylko był wczesniej zawijany?

Dodaj odpowiednio duży padding-bottom dla obrazka. Przy takiej
strukturze kodu niewiele możesz zdziałać. Jeżeli ten obrazek będzie
zawsze i znasz jego wymiary, to wypozycjonuj go tam absolutnie i daj
padding-right dla rodzica, żeby tekst pod grafikę nie wlazł.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry