X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

6 страниц V  < 1 2 3 4 5 6
Открыть тему
Тема закрыта
> Облом с менюшкой, Копчиком чую, что то пропустил
gaaarfild
gaaarfild
сообщение 19.5.2009, 15:26; Ответить: gaaarfild
Сообщение #52


Вот сделал менюшку примерно так.
style.css
#menu, #menu ul {

height: 41px;
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
#menu li {
float: left;
position: relative;
}
#menu a {
font-size: 14px;
font-weight: bold;
color: #0b3e6d;
text-decoration: none;
display: block;
width: 114px;
height: 34px;
}
#menu a:hover {
color: #1f68aa;
background: #FFFFFF url('../images/nav-bg-hover.gif') repeat-x top left;
}

#menu li:hover,
#menu li.jshover {
background: url('../images/nav-bg-hover.gif') repeat-x top left;
}

#menu li ul {
background: #e2f3ff;
display: none;
position: absolute;
top: 34px;
padding: 4px 0;
width: 200px;
}

#menu li li a {
background: #e2f3ff;
text-align: left;
width: 200px;
}

#menu li:hover ul,
#menu li.jshover ul {
height: 38px;
display: block;
}


index.html
<ul valign="middle" id="menu">
    <li valign="middle"><a href="">Главная</a></li>
    <li><a href="">Вклады</a>
        <ul>
            <li><a href="">Банковские депозиты</a></li>
            <li><a href="">Вклады кредитных кооперативов</a></li>
            <li><a href="">Обезличенные металлические счета</a></li>
        </ul>
    </li>
    
    <li><a href="">Инвестиции</a>
        <ul>
            <li><a href="">Доверительное управление</a></li>
            <li><a href="">Паевые инвестиционные фонды</a></li>    
        </ul>
    </li>
    
    <li><a href="">Торговля</a>
        <ul>
            <li><a href="">Forex</a></li>
            <li><a href="">Брокерское обслуживание</a></li>    
        </ul>
    </li>
    
    <li><a href="">Накопление</a>
        <ul>
            <li><a href="">Личное страхование</a></li>
            <li><a href="">Н П Ф</a></li>    
        </ul>
    </li>
    
    <li><a href="">Покупка бизнеса</a>
        <ul>
            <li><a href="">Бизнес-недвижимость</a></li>
            <li><a href="">Готовый бизнес</a></li>
            <li><a href="">Проект бизнеса</a></li>
        </ul>
    </li>
</ul>


Но? как всегда, возникла проблема. Хотелось бы, чтобы ссылки располагались не вверху поля а посередине. Тоесть чтобы привязка ссылок была не top а middle. Попробовал в CSS Все возможные варианты позиционирования объектов. Посувал везде. Во все id. Не позиционирует никак. Что мне сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 21.5.2009, 19:45; Ответить: ZiTosS
Сообщение #53


gaaarfild, А почему забываем про padding, Просто нужно учесть так:
Высота блока = Какую нужно - высота шрифта - отступы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gaaarfild
gaaarfild
сообщение 24.5.2009, 11:12; Ответить: gaaarfild
Сообщение #54


А Padding тоже не помогает.просто у меня один из пунктов меню получается в 2 строчки. И выравнивание других пунктов идет по верхней строчке. А мне бы хотелось, чтобы оно было посередине двухстрочного пункта.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
6 страниц V  < 1 2 3 4 5 6
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите с менюшкой
3 Ramster 3695 12.8.2009, 14:33
автор: -Ramster-


 



RSS Текстовая версия Сейчас: 19.4.2024, 12:13
Дизайн