стилизиране на бутони

[val4o0o0]

имам едно странициране и искам да стилна бутоните, ето как са изведени в страницата:

<a class=\"typ1\" href=\"?page=$i\">  $i</a>

това   съм го сложил за разстояние смисал цифрите не се показваха в центъра и с него съм ги центрирал .
(проблема е главно под ie не се показват както трябва, но под останалите браузъри няма проблем, но това   според мен не му е мястото там и трябва някакси с css да се оправи всичко, прилагам кода.

css:

a.typ1 { 
padding-top: 2px; 
background-image: url(../images/icons/bgbuton.png); background-repeat: no-repeat; 
width: 20px; 
height: 20px; 
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 
display:inline-table; 
}

a.typ1:hover { 
padding-top: 2px; 
background-image: url(../images/icons/hover.png); background-repeat: no-repeat; 
width: 20px; 
height: 20px; 
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 
display:inline-table;
}

Трябва всичко да е ок под всеки браузър незнам как ще трябва да стане, затова поствам тук.

 

[val4o0o0]

up

 

[IzKuFeLiQqQqQ]

ми лепни му по един padding-left:XXpx;

 

[val4o0o0]

ми лепни му по един padding-left:XXpx;

нестава с padding седи грозно и въобще текста на се мести, а самата картинка.

 

[shterev]

сложи text-align:center; махни това:   и displays направи display:block;
И пиши какъв е резултата

 

[val4o0o0]

отлично! Но има проблем - http://wow-multimedia.org/new/gallery.php - виж как се показват сега ... иначе и под ie 5,6,7 вече е ок.

 

[dELux_nike]

ако махнеш display:block; ?

 

[val4o0o0]

като го махна и става мазало ..., но пък се подреждат както трябва.

 

[IzKuFeLiQqQqQ]

display:inline-block; :idea:

 

[val4o0o0]

display:inline-block; :idea:

опа +1

 

[IzKuFeLiQqQqQ]

стига вееее улучил съм

раздалечи картинките с padding-left:XXpx; щото така много наблъскано и грозно седи ..