[CSS]Przesunięcie tekstu względem obrazu, W tym samym paragrafie Opcje

[uglukha]

Witajcie,
nie mogę sobie poradzić z prostą rzeczą. Jak podnieść tekst do góry, wyświetla się tak:
(IMG:http://img405.imageshack.us/img405/4287/28852140.png)

A chciałbym tak:
(IMG:http://img851.imageshack.us/img851/1026/42243983.png)

Kod jest super prosty:

[HTML] pobierz, plaintext 
<p class="p-top"><a href=""><img class="img-top" src="images/koszyk.png" alt="Koszyk">Koszyk: 0</a> | <a href=""><img class="img-top" src="images/key.png" alt="Logowanie">Zaloguj się</a></p>
[HTML] pobierz, plaintext 

Z góry dzięki za wszelką pomoc!

[pedro84]

line-height

Swoją drogą:
- czemu nie na liście?
- czemu grafiki to nie background elementu listy?

[Sephirus]

CSS dla obrazków:

[CSS] pobierz, plaintext 
vertical-align:middle|top|bottom|text-top|text-bottom;
[CSS] pobierz, plaintext 

Radzę osobiście dać TOP obrazkowi a tekst wrzucić w jakiś SPAN i ustawić opdowiedni margin-top - bo z tym vertical-align pod różnymi przeglądarkami jest różnie (IMG:style_emoticons/default/wink.gif)

[uglukha]

line-height

Swoją drogą:
- czemu nie na liście?
- czemu grafiki to nie background elementu listy?

line height nic nie zmienia, a co do pytań, robiłem na szybko, ale w sumie chyba to przerobię tak jak mówisz, chociaż w poziomych obrazkach obok siebie często mi się rozjeżdza w IE

CSS dla obrazków:

[CSS] pobierz, plaintext 
vertical-align:middle|top|bottom|text-top|text-bottom;
[CSS] pobierz, plaintext 

Radzę osobiście dać TOP obrazkowi a tekst wrzucić w jakiś SPAN i ustawić opdowiedni margin-top - bo z tym vertical-align pod różnymi przeglądarkami jest różnie (IMG:style_emoticons/default/wink.gif)

Tego próbowałem, ale właśnie jest rózny efekt w różnych przeglądarkach więc odpada

[pedro84]

A ja Ci mówię, zrób jak ma być, a problemów unikniesz (IMG:style_emoticons/default/smile.gif)