Witam. Chciałbym się dowiedzieć jak zrobić taki trick:


Czyli np. ustawiam zdjęcie po prawej stronie, a tekst który piszę dopasowuje się do zdjęcia.

Jest to efekt uzyskany przy pomocy CSS, a dokładnie float: right, który musisz nadać obrazkowi. Wtedy tekst obleje ci zdjęcie. Do tego dobrze jest dodać do zdjęcia marginesy żeby tekst nie dotykał obrazka.

dodajesz CSS, na przykłąd tak

HTML

[HTML] pobierz, plaintext 
<p><img src="adresobrazka.jpg" class="right" alt="" />Lorem ipsum lorem ipsum dolor sit amet Lorem ipsum lorem ipsum dolor sit amet Lorem ipsum lorem ipsum dolor sit ametLorem ipsum lorem ipsum dolor sit amet</p>
[HTML] pobierz, plaintext 

i CSS

[HTML] pobierz, plaintext 
img.right{float:right;
}
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
<p><img src="adresobrazka.jpg" style"float:right" alt="" />Lorem ipsum lorem ipsum dolor sit amet Lorem ipsum lorem ipsum dolor sit amet Lorem ipsum lorem ipsum dolor sit ametLorem ipsum lorem ipsum dolor sit amet</p>
[HTML] pobierz, plaintext 

Po dodaniu takiego kodu:

[HTML] pobierz, plaintext 
<p>
<img src="images/layout_17.png" style"float:right" alt="" />
Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. Jakiś tekst. 
</p>
[HTML] pobierz, plaintext 

Mam coś takiego:



Więc chyba nie o to chodziło

Literówka.

[HTML] pobierz, plaintext 
<img src="images/layout_17.png" style"float:right" alt="" />
[HTML] pobierz, plaintext 

zmień na

[HTML] pobierz, plaintext 
<img src="images/layout_17.png" style="float:right" alt="" />
[HTML] pobierz, plaintext 

/>

No tak.. nie zauważyłem.... Dzięki za pomoc!

@edit
Jednak niestety mam dalej problem..
Mianowicie gdy "float: right" jest zadeklarowany w pliku html to wszystko działa:

[HTML] pobierz, plaintext 
<img src="images/layout_17.png" style="float:right" alt="" />
[HTML] pobierz, plaintext 

Jednak, gdy zadeklaruję go w pliku .css w postaci:

[CSS] pobierz, plaintext 
img.right{
	float: right;
}
[CSS] pobierz, plaintext 

a w pliku html jest:

[HTML] pobierz, plaintext 
<img src="images/layout_17.png" class="right" alt="" />
[HTML] pobierz, plaintext 

to nie działa... Dlaczego? Na 100% mam dobrze zadeklarowany plik style.css (gdyż inne klasy stylów działają). Siedze nad tym od 1h i nie mogę dojść do tego, dlaczego tak się dzieje...