Forum PHP.pl

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:


Powinno być:


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

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

Może vertical-align

Bez CSS łatwiej to będzie zrobić

[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

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.

wywal ten float, bo to przez niego masz u góry

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