[HTML][CSS]tekst obok obrazka Opcje

[Cromwell]

Mam mały problem, którego rozwiązanie jest pewnie banalne, jednak nic nie przychodzi mi do głowy.

Mam obrazek i tekst, chcę, aby tekst był obok obrazka. Co ważne, tekst powinien być od 'dołu obrazka'.
Na zdjęciach lepiej widać o co mi chodzi.

Jest teraz:
(IMG:http://i35.tinypic.com/20a3rjq.jpg)

Powinno być:
(IMG:http://i35.tinypic.com/1zvrjgj.jpg)

Jeśli chodzi o kod.
W html:

[HTML] pobierz, plaintext 
<a href="test.php"><img src="images" class="zdjecie">{$item.nazwa}</a> // obrazek oraz tekst obok niego
<p class="tekst"><a href="test.php">{$item.dane}</a></p> // tekst poniżej
[HTML] pobierz, plaintext 

W CSS

[HTML] pobierz, plaintext 
img.zdjecie { float: left; }
p.tekst { clear: both; text-align: center; }
[HTML] pobierz, plaintext 

Co ważne, ponieważ tekst jest generowany przez skrypt i może zawierać więcej niż jedną linijkę obok obrazka, chcę, aby w razie potrzeby tekst szedł do góry (to znaczy, jeśli są dwie linijki, to tekst jest wyżej, tak że druga linijka kończy się z obrazkiem).
Tekst pod obrazkiem pozostaje bez zmian, bo to akurat się dobrze wyświetla (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował Cromwell 9.11.2009, 11:19:10

[askone]

Może vertical-align(IMG:style_emoticons/default/questionmark.gif)

[Matimor]

Bez CSS łatwiej to będzie zrobić (IMG:style_emoticons/default/smile.gif)

[PHP] pobierz, plaintext 
<table>
   <tr>
     <td><a href="test.php"><img src="images" class="zdjecie">{$item.nazwa}</a></td>
     <td><p class="tekst"><a href="test.php">{$item.dane}</a></p> </td>
   </tr>
</table>
[PHP] pobierz, plaintext 

Tabele w CSS Klik

Ten post edytował Matimor 9.11.2009, 11:30:27

[Cromwell]

Nie chcę tabelek, ponieważ całość i tak znajduje się w tabeli. Szukam jakiegoś eleganckiego rozwiązania..
Próbowałem z vertical-align, jednak gdziekolwiek go umieszczam, nie działa (próbowałem z atrybutami bottom oraz text-bottom).

Na razie poradziłem sobie, dodając <br/>, chociaż to nie jest eleganckie rozwiązanie i chciałbym coś innego.

[Pawel_W]

wywal ten float, bo to przez niego masz u góry (IMG:style_emoticons/default/winksmiley.jpg)

[t4keda]

http://www.kurshtml.boo.pl/css/ustawienie,...cjonowanie.html