Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Przesunięcie tekstu względem obrazu
Forum PHP.pl > Forum > Przedszkole
uglukha
Witajcie,
nie mogę sobie poradzić z prostą rzeczą. Jak podnieść tekst do góry, wyświetla się tak:


A chciałbym tak:


Kod jest super prosty:
  1. <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>


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:
  1. vertical-align:middle|top|bottom|text-top|text-bottom;


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 wink.gif
uglukha
Cytat(pedro84 @ 24.01.2012, 13:27:39 ) *
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

Cytat(Sephirus @ 24.01.2012, 13:28:02 ) *
CSS dla obrazków:
  1. vertical-align:middle|top|bottom|text-top|text-bottom;


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 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 smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.