[CSS] opływanie obrazka, diva, który jest bottom right Opcje

[runner]

Cześć

Mam problem i nie mogę sobie z tym poradzić,...do rzeczy

mamy diva "kontener"... do którego ładowany jest div "obrazek" (tlo obrazek jest : bottom right) wczytywany jest również tekst który ma opływać ten pozycjonowany obrazek. poniższy przykład przedstawia mniej więcej powyższy opis.

[HTML] pobierz, plaintext 
 
<div class="kontener">
<div class="obrazek"><p>jakis tam tekst</p></div>
</div>
 
 
 
teraz css
 
.kontener
{
width:508px;
height:458px;
margin-left:auto;
margin-right:auto;	
 
}
 
.obrazek {
width:508px;
height:458px;
background-image:url(images/wet.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
[HTML] pobierz, plaintext 

TERAZ moje pytanie co zrobić aby ten tekst opływał ten obrazek co jest (i musi być) w prawym dolnym rogu diva "kontener"
w tej chwili tekst przykrywa obrazek, a nie o to mi chodzi...


próbowałem już wstawiać poprzez img ale nadal nie mogę osiągnąć oczekiwanego efektu

[thek]

Jeśli coś jest tłem to jak Ty chcesz nakazać tekstowi to opływać? Tekst musi mieć świadomość istnienia w konkretnym miejscu elementu. Albo więc walisz obrazek pozycjonowany, albo nakładasz na ów obrazek warstwę o jego wymiarach, która zasymuluje obecność tam jakiegoś elementu. W ten sposób tekst będzie oszukany bo "coś będzie widział".

[runner]

Jeśli coś jest tłem to jak Ty chcesz nakazać tekstowi to opływać? Tekst musi mieć świadomość istnienia w konkretnym miejscu elementu. Albo więc walisz obrazek pozycjonowany, albo nakładasz na ów obrazek warstwę o jego wymiarach, która zasymuluje obecność tam jakiegoś elementu. W ten sposób tekst będzie oszukany bo "coś będzie widział".

obrazek pozycjonowany np. <img src="images/obrazek.jpg" width="250" height="330" align="right" style="margin:10px;" alt="obrazek"/>
jaki parametr mam jeszcze dodać?

a co masz na myśli pisząc o warstwie?
z-index
?

[thek]

Jeśli jest tak jak teraz (jako background) to musisz wrzucić dodatkowy div idealnie nad obrazkiem, który zablokuje wpływanie tekstu na tło, dla mnie bezsens, bo nie po to powstały tła Jeśli robisz osobny img, czyli sensowniejsze tu rozwiązanie, to nadajesz kontenerowi pozycjonowanie relatywne, obrazkowi absolutne i możesz się bawić.

[runner]

Jeśli jest tak jak teraz (jako background) to musisz wrzucić dodatkowy div idealnie nad obrazkiem, który zablokuje wpływanie tekstu na tło, dla mnie bezsens, bo nie po to powstały tła Jeśli robisz osobny img, czyli sensowniejsze tu rozwiązanie, to nadajesz kontenerowi pozycjonowanie relatywne, obrazkowi absolutne i możesz się bawić.

zrobiłem twoją drugą wersję i mi nie działa

.kontener{
width:508px;
height:458px;
position:relative;
}

<div class="kontener"><p>jakis tam tekst</p>
<img src="obrazek.jpg" width="150" height="224" align="right " style="position:absolute;" alt="obrazek"/>
</div>