Autor Zpráva
mirko
Profil
Mám tlačidlo, ktoré má svoju veľkosť a pozadie. Na ňom je v strede text toho tlačidla. Všade to ide, iba v opere ten text zorovnáva hore. Neviete ako spraviť, aby bol ten text vertikálne v strede?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk">
<head>
<style type="text/css" media="screen">
.button {
border:0; 
width:194px; 
height:38px; 
background-image: url(img/button.jpg); 
background-repeat:no-repeat; 
font-size:18px; 
font-weight:bold; 
color:#FFFFFF; 
cursor:pointer;
}
</style>
</head>
<body>
<button name="button" type="button" value="val" class="button">Kliknite tu</button>
</body>
</html>
Matty
Profil
mirko
text vertikálne v strede?
Stačí si to přeložit vertical-align: middle;
mirko
Profil
Matty
To som samozrejme skúšal ako prvé. Nejde.
Bubák
Profil
To je klasika pro jednořádkové texty, stejná hodnota pro height a pro line-height
line-height: 38px;
mirko
Profil
Bubák
Ďakujem 1000 krát :).

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