высота фона выбранной ссылки в меню навигации

Question

высота фона выбранной ссылки в меню навигации

0

На моем веб-сайте у меня есть синяя панель меню навигации. Как вы можете видеть, выбранная страница в меню имеет другой фоновый img (menu-back-selected.png). Моя проблема заключается в том, что я хочу, чтобы высота выделенной ссылки в img (menu-back-selected.png) была в том же размере, что и вся строка меню (menu-back.png). Надеюсь, ты разобрался, чего я хочу :) спасибо для ответов

Файл CSS

Michal Loksik 01 окт. 2013, в 18:57

Источник

0

Понимать, что вы хотите, проще всего, когда вы помещаете свой код в jsfiddle.net
Olaf Dietsche 01 окт. 2013, в 16:07

Теги:

html

css

background-image

3 ответа

0

Добавьте это в свой css #selected.

padding: 5px 0;

Cam 01 окт. 2013, в 15:07

0

Один из вариантов - дать selected height:100% и display:inline-block а также дать padding:0 main-menu padding:0

Результатом будет

#selected {
    height: 100%;
    display: inline-block;
    width: 100px;
    background-image: url('../images/menu-back-selected.png');
    font-weight: bold;
    color: white;
}
#main-menu {
   text-align:center;
   padding:0;
}

Это решение будет работать независимо от высоты main-menu, а не жестко закодировано, как и другие, которые могут варьироваться в зависимости от браузера

Zach Saucier 01 окт. 2013, в 13:53

Ещё вопросы

Понимать, что вы хотите, проще всего, когда вы помещаете свой код в jsfiddle.net

UID · Accepted Answer · 2013-10-01T15-08-00.000Z

Вы можете добавить ниже: #selected {:

padding-top: 5px;
padding-bottom: 7px;

Надеюсь это поможет!!!

спасибо :) это работает с padding-top: 5px; и отступы: 5 пикселей
Пожалуйста, выберите ответ, если вы считаете, что он решает .. Кроме того, не уверен, как работает padding-bottom: 5px, потому что когда я пытался добавить на ваш сайт, он все еще оставлял 2px места снизу, поэтому я предложил 7px для нижней части .. ,