Mam następujący kod:

[HTML] pobierz, plaintext 
<div id="prawa">
<a class="link1" href="#">Więcej</a>
</div>
[HTML] pobierz, plaintext 

Kod css:

[HTML] pobierz, plaintext 
a.link1
{
text-decoration: none; 
background: url(foty/linki1.jpg) no-repeat;
display:block;
height:29px;
overflow:hidden;
width:214px;
color:white;
}
a.link1:hover
{
text-decoration: none; 
background-position: 0px -29px;
color:#ffea00;
}
[HTML] pobierz, plaintext 

Mam problem z wyrównaniem textu "Więcej" w pionie w linku.
Link ma wymiary 29/214px, natomiast tło dla linku jest dwa razy szersze, jak najeżdzam na link to tło się przesuwa o 29px i pokazuje się druga część tła.
NIe wiem czy to ma jakiś związek z moim problemem, wątpie...

próbowałem vertical-align:middle, ale niestety nie pomogło.

Może jest jakiś myk?
W ostateczności wkomponuje text w grafikę.

link w pionie? nie rozumiem


pobaw sie z floatowaniem ?

Sory, nie sprecyzowałem, text ma być wyśrodkowany w pionie, na tle przycisku którym jest obrazek.
Aktualnie text jest na samej górze obrazka (top)

Jak masz 'jedno-linijkowy' tekst, to wystarczy "line-height" ustalić. Jeżeli 'wielo-linijkowy' to padding, a jak nie chcesz padding, to w google masz pełno przykładów jak to zrobić. Coś tam 50% diva, coś tam z pozycjonowaniem absolutnym, czy tam relatywnym. Nie pamiętam już dokładnie, poszukaj sobie to znajdziesz.

Dzieki, line-height pomogło