Когда в репутации однозначное число, то она выглядит красиво и в 1 строчку, но как только там становится 2ух значное число, либо появляется значек "минуса", рамка репутации расширяется.
Скрины:
Скажите, как сделать так, чтобы двигался сам текст, а рамка оставалась одного размера?
CSS рамки:
.reputation {
padding:3px 38px;
display:inline-block;
-moz-border-radius:2px;
background:url('{style_images_url}/highlight1.png') repeat-x top;
-webkit-border-radius:2px;border-radius:2px}
.reputation.positive, .members li.positive {
background-color:#AAD385;border:1px solid #8CB862}
.reputation.negative, .members
li.negative{background-color:#B82929;border:1px
solid #924F4F}
.reputation.negative{color:white;text-shadow:0px -1px 0px rgba(0,0,0,0.52)}
.reputation.positive{color:#66862B;text-shadow:0px 1px 0px rgba(255,255,255,0.52)}
.reputation.zero{background-color:#DEDEDE;color:#6E6E6E;border:1px
solid #CCC}
Код репутации в UserInfo:
<!--reputation-->
<if test="RepPositive:|:$author['pp_reputation_points'] > 0">
<div class='reputation positive' data-tooltip="{parse expression=" $author['author_reputation']['text']"}"><div style='font-size:13px'>Репутация: {parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</div></div>
</if>
<if test="RepNegative:|:$author['pp_reputation_points'] < 0">
<div class='reputation negative' data-tooltip="{parse expression=" $author['author_reputation']['text']"}"> <div style='font-size:13px'>Репутация: {parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</div></div>
</if>
<if test="RepZero:|:$author['pp_reputation_points'] == 0">
<div class='reputation zero' data-tooltip="{parse expression=" $author['author_reputation']['text']"}"><div style='font-size:13px'>Репутация: {parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</div></div>
</if>
<!--reputation-->
Заранее спасибо.