Witam
chciałbym się dowiedzieć, czy jest jakiś prosty sposób na rozwiązanie takiego
problemu:

<p style="background: #000080;">
<img src="obrazek.jpg" align="left"> Ala ma kota
</p>

a problem polega na tym, że obszar akapitu będzie obejmował tylko sam tekst, a
zdjęcie "wyjdzie" za ten obszar. Jak rozciagnąć ten akapit tak aby zdjęcie
znalazło się w jego wnętrzu ? Będę wdzieczny za pomoc.

Pozdrawiam

--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl

do góry

W dniu 11.07.2010 16:29, amator pisze:
> Witam
> chciałbym się dowiedzieć, czy jest jakiś prosty sposób na rozwiązanie takiego
> problemu:
>
> <p style="background: #000080;">
> <img src="obrazek.jpg" align="left"> Ala ma kota
> </p>
>
> a problem polega na tym, że obszar akapitu będzie obejmował tylko sam tekst, a
> zdjęcie "wyjdzie" za ten obszar. Jak rozciagnąć ten akapit tak aby zdjęcie
> znalazło się w jego wnętrzu ? Będę wdzieczny za pomoc.
>
> Pozdrawiam
>

ale przecież nie wyjdzie. Dodaj sobie do stylu do <p> "border: 1px solid
#000" i zobaczysz.

Może po prostu napisz jaki efekt chcesz uzyskać.

PS: align="left" to to samo co style="float: left" - jeśli używać CSS to
od początku do końca IMHO

--
pozdrawiam!

http://webtrunki.pl - piwa, wina, wódki, domowe wyroby
http://en.webtrunki.pl - beers, wines, vodkas, your own products

do góry

> W dniu 11.07.2010 16:29, amator pisze:
> > Witam
> > chciałbym się dowiedzieć, czy jest jakiś prosty sposób na rozwiązanie
takiego
> > problemu:
> >
> > <p style="background: #000080;">
> >         <img src="obrazek.jpg" align="left">  Ala ma kota
> > </p>
> >
> > a problem polega na tym, że obszar akapitu będzie obejmował tylko sam
tekst, a
> > zdjęcie "wyjdzie" za ten obszar. Jak rozciagnąć ten akapit tak aby zdjęcie
> > znalazło się w jego wnętrzu ? Będę wdzieczny za pomoc.
> >
> > Pozdrawiam
> >
>
> ale przecież nie wyjdzie. Dodaj sobie do stylu do <p> "border: 1px solid
> #000" i zobaczysz.

Własnie tak robiłem i niestety ale wychodzi. Obramowany jest sam tekst, a
zdjęcie jest częściowo poza tym obramowaniem (sprawdzane: IE, FF, Opera,
Chrome, Safari). Jezeli u Ciebie nie wychodz i wklej tutaj całą zawartośc
pliku na którym to testujesz.


> Może po prostu napisz jaki efekt chcesz uzyskać.


Chcę, aby zdjęcie, które jest otoczone tekstem (czyli zdjęcie wyrównane do
strony lewej lub prawej) mieściło się w calości w akapicie - np. kolor tła
strony jest biały, a tło akapitu jest czarne, jezeli do tego akapitu wrzucimy
duże zdjęcie i małą ilośc tekstu, to to zdjęcia oraz ten tekst ma byc na
czarnym tle, natomiast teraz zdjęcie jest cześciowo na tle czarnym i białym
(na białym bo wyszło za akapit).

> PS: align="left" to to samo co style="float: left" - jeśli używać CSS to
> od początku do końca IMHO

Tak wiem, dzieki za przypomnienie.

--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl

do góry

W dniu 12.07.2010 12:16, p...@o...eu pisze:

> Własnie tak robiłem i niestety ale wychodzi. Obramowany jest sam tekst, a
> zdjęcie jest częściowo poza tym obramowaniem (sprawdzane: IE, FF, Opera,
> Chrome, Safari). Jezeli u Ciebie nie wychodz i wklej tutaj całą zawartośc
> pliku na którym to testujesz.

Oczywiście, że obramowanie nie obejmuje całego obrazka. Dodaj
overflow:auto dla p, albo jakiegoś clearfix'a (idź do google po więcej
informacji).

--
Bastet_Milo
http://hekate-design.pl

do góry

> W dniu 12.07.2010 12:16, p...@o...eu pisze:
>
> > Własnie tak robiłem i niestety ale wychodzi. Obramowany jest sam tekst,
a
> > zdjęcie jest częściowo poza tym obramowaniem (sprawdzane: IE, FF,
Opera,
> > Chrome, Safari). Jezeli u Ciebie nie wychodz i wklej tutaj całą
zawartośc
> > pliku na ktĂłrym to testujesz.
>
> Oczywiście, że obramowanie nie obejmuje całego obrazka. Dodaj
> overflow:auto dla p, albo jakiegoś clearfix'a (idź do google po więcej
> informacji).
>
> --
> Bastet_Milo

overflow:auto załatwiło temat. Dziękuje bardzo za pomoc.
Pozdrawiam
> http://hekate-design.pl
>


--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl

do góry

W dniu 12.07.2010 13:24, Katarzyna 'Bastet' Świderska pisze:
> Oczywiście, że obramowanie nie obejmuje całego obrazka. Dodaj
> overflow:auto dla p, albo jakiegoś clearfix'a (idź do google po więcej
> informacji).
>

hmm. Nie wiem dlaczego, ale byłem pewien, że chodzi o to, że zdjęcie
wyłazi poza obramowanie ale z lewej strony a nie z dołu ;)

Takto istotnie najlepsze rozwiązanie to to, które zaproponowałaś

--
pozdrawiam!

http://webtrunki.pl - piwa, wina, wódki, domowe wyroby
http://en.webtrunki.pl - beers, wines, vodkas, your own products

do góry

> > W dniu 12.07.2010 12:16, p...@o...eu pisze:
> >
> > > Własnie tak robiłem i niestety ale wychodzi. Obramowany jest sam
tekst,
> a
> > > zdjęcie jest częściowo poza tym obramowaniem (sprawdzane: IE, FF,
> Opera,
> > > Chrome, Safari). Jezeli u Ciebie nie wychodz i wklej tutaj całą
> zawartośc
> > > pliku na ktĂłrym to testujesz.
> >
> > Oczywiście, że obramowanie nie obejmuje całego obrazka. Dodaj
> > overflow:auto dla p, albo jakiegoś clearfix'a (idź do google po więcej
> > informacji).
> >
> > --
> > Bastet_Milo
>
> overflow:auto załatwiło temat. Dziękuje bardzo za pomoc.
> Pozdrawiam
> > http://hekate-design.pl
> >

Witam
overflow:auto działa ale niestety nie w IE6. Pogrzebałem trochę na stronach
Microsoftu i okazało się, że IE obsługuje overflow-x oraz overflow-y, zatem po
dodaniu do stylu wpisu

height:100%;
overflow-x: auto;
overflow-y: hidden;

działa to elegancko pod IE 5.5 i nowszymi.
Może komuś się przyda.
Pozdrawiam

--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl

do góry

pytajnik <p...@o...eu> napisał(a):


> Witam
> overflow:auto działa ale niestety nie w IE6. Pogrzebałem trochę na stronach
> Microsoftu i okazało się, że IE obsługuje overflow-x oraz overflow-y, zatem po
> dodaniu do stylu wpisu
>
> height:100%;
> overflow-x: auto;
> overflow-y: hidden;
>
> działa to elegancko pod IE 5.5 i nowszymi.
> Może komuś się przyda.
> Pozdrawiam

overflow:hidden działa w IE (zazwyczaj) pod warunkiem że występuje razem z
position: relative.


--
Wysłano z serwisu Usenet w portalu Gazeta.pl -> http://www.gazeta.pl/usenet/

do góry

On 2010-07-20 14:49, a...@g...SKASUJ-TO.pl wrote:
> overflow:hidden działa w IE (zazwyczaj) pod warunkiem że występuje razem z
> position: relative.

Overflow:hidden zadziala w IE o ile element ma wlasnosc hasLayout. Czyli
w polaczeniu z jednym z "wyzwalaczy" tej wlasnosci, np. zoom:1 (uwaga,
na roznice w dzialaniu z wersjami IE/trybami wyswietlania przy uzyciu
innych: http://www.satzansatz.de/cssd/onhavinglayout.html).



--
NotBear

do góry

NotBear <p...@i...pl> napisał(a):

> On 2010-07-20 14:49, a...@g...SKASUJ-TO.pl wrote:
> > overflow:hidden działa w IE (zazwyczaj) pod warunkiem że występuje razem z
> > position: relative.

> Overflow:hidden zadziala w IE o ile element ma wlasnosc hasLayout. Czyli
> w polaczeniu z jednym z "wyzwalaczy" tej wlasnosci, np. zoom:1

Słuszna uwaga, aczkolwiek używam zoom:1 tylko w ostateczności. Z drugiej
strony, używanie overflow bez position jest jak się zdaje nieprawidłowe.


--
Wysłano z serwisu Usenet w portalu Gazeta.pl -> http://www.gazeta.pl/usenet/

do góry