Проблема с версткой

[sokrbam]

Уважаемые спецы!

Подскажите пожалуйста в чем проблема. На #menuTop не действует padding-top? я хочу применить это на ссылки, но делается padding только на правые и левые края.

вот код index:

Код: [Выделить]

<div id="pink_field">
<div id="menuTop">
<div class="L_coner"></div>
<div id="C_bg">
<a href="./">{$smarty.const.LINK_TO_HOMEPAGE}</a>
<a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}">{$smarty.const.ADMIN_ABOUT_PAGE}</a>
{if $smarty.const.CONF_NEWS_ONHOME ne 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}">{$smarty.const.ADMIN_NEWS}</a>{/if}
{if $smarty.const.CONF_PAGES_ONHOME ne 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_PAGES}/{else}index.php?pages&pages={/if}">{$smarty.const.ADMIN_PAGES}</a>{/if}
<a href="./{if $smarty.const.CONF_CHPU}pricelist/{else}index.php?show_price=yes{/if}">{$smarty.const.STRING_PRICELIST}</a>
<a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}">{$smarty.const.STRING_CONTACT_INFORMATION}</a>
</div>
<div class="R_coner"></div>

</div>

</div>
вот css:

Код: [Выделить]

#menuTop {
position: absolute;
width: 820px;
top: -20px;
left: 80px;
margin: 0 auto;

}



#C_bg {
background: #DD608A;
width: 800px;
height: 44px;

}

#C_bg a{
text-decoration: none;
padding: 10px 10px;
font: bold 14px Arial,Helvetica,sans-serif;
color: #FCFCFA;


}

#C_bg, .L_coner, .R_coner {
float:left;

}

.L_coner {
background:url("../image/Menu1.png") no-repeat scroll 0 0 transparent;

height:44px;
width:10px;
}

.R_coner {
background:url("../image/Menu3.png") no-repeat scroll 0 0 transparent;

height:44px;
width:10px;
}
#pink_field {
position: absolute;
background: url('../image/PinkStrip.png') repeat-x;
height: 52px;
width: 986px;
bottom: 0px;

}

[вложение удалено администратором]

[Юрий]

Попробуйте на #menuTop вместо padding-top - margin-top. Либо padding пишите в pink_field

[Dias]

Добавьте display: inline-block; в #C_bg a { }.

[sokrbam]

Добавьте display: inline-block; в #C_bg a { }.

Спасибо, этот вариант сработал. Если не сложно объясните в чем суть?

[Dias]

http://dreamhelg.ru/2010/04/what-is-inline-block/ - можно почитать о свойстве, различные определения.

Роберт Нэйман:

"В основном, это способ сделать элементы строчными, при этом сохранив его блочные возможности, такие как указание ширины и высоты, верхних и нижних отступов, паддингов и др."

[sokrbam]

http://dreamhelg.ru/2010/04/what-is-inline-block/ - можно почитать о свойстве, различные определения.

Роберт Нэйман:

"В основном, это способ сделать элементы строчными, при этом сохранив его блочные возможности, такие как указание ширины и высоты, верхних и нижних отступов, паддингов и др."

спасибо, почитаю