Autor Zpráva
Scrash6
Profil *
Zdravím, potřeboval bych pomoct, jak pomoci css vertikalne vycentrovat text v odkazu s pozadím.
CSS:
.today a {
    display: block;
    height: 60px;
    width: 85px;
    background: url(images/today.png);
    background-position:  top;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    font-family: tahoma;
    color: #fff;
}
.today a:hover {
    background-position: bottom;
}

Odkaz:
<td><div class='today'><a href='#'>text</span></a></div></td>
Plaváček
Profil
Scrash6:

Třeba takhle? http://klient.plavacek.net/centrovani.html
Scrash6
Profil *
No toto asi nevyřeší můj problém, jelikož mám odkaz a v něm měnící se pozadí.
Netuším jak se v elementu <a> dá vertikálně centrovat.
1Pupik1989
Profil
A
.today{
vertical-align:middle;
}
nefunguje? Pokud to má být vertikálně i horizontálně, pak bych zkusil vycentrovat obsah today
.today{
margin: 0px auto;
}
panther
Profil
1Pupik1989:
nejprve si to zkus, než napíšeš. Obojí je nesmysl.
Scrash6
Profil *
Toto jsem už zkoušel a také nejde.

Oprava textu, </span> tam není.
<td><div class='today'><a href='#'>text</a></div></td>
margin
Profil *
Scrash6:
Netuším jak se v elementu <a> dá vertikálně centrovat.
Pokud je ten text jednořádkový, tak jednoduše.
Pokud máš text odkazu víceřádkový, tak si uprav řešení, které odkázal Plaváček, hlavně nesmíš lpět na použití totožných elementů.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0