Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Горизонтальное меню, помогите сотворить 
:(
    Опции темы
WantedFan
Дата 21.7.2008, 14:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет



CSS
Цитата

.left {
    background: url(images/topnav/left.jpg) no-repeat left top;
}
.right {
    background: url(images/topnav/right.jpg) no-repeat right top;
}
.nav {
    background: url(images/topnav/bg.jpg) repeat-x;
    height:32px;
    list-style:none;
    margin:0 15px;
}


.nav li.search {
    background: url(images/topnav/forumbut.jpg) no-repeat;
    background-position:center;
    height:50px;
    
}
.nav li a {
    color:#fff;
    font:bold 10px Tahoma;
    padding-left:41px;
    text-decoration:none;
}


и HTML
Цитата

<div class="left">
    <div class="right">
        <ul class="nav">
          
           <ul class="nav">
    <li class="search"><a href="#"></a></li>
    
</ul>
            
        </ul>
    </div>

А то что у вас получилось кокраз то что мне и нужно
[/QUOTE]

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 14:41
PM MAIL   Вверх
WantedFan
Дата 21.7.2008, 15:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет



маленький вопрос.
С помощью какого кода css картинку переместить в правую сторону ?

Добавлено через 7 минут и 28 секунд
разобрался...
Спасибо вам огромное
PM MAIL   Вверх
WantedFan
Дата 21.7.2008, 15:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет



возникла новая проблема.
Некорректно работает меню в таких браузерах как ОПЕРА(последняя версия) и IE 6 версия.
А точнее не работают ссылки - в этих браузерах их как будто вообще не существует.
Вот можете посмотреть  http://77.93.8.64/

Дополнительно: Как сделать что-бы при нажатии на ссылку не было видно пунктирной рамочки.
А то весь вид поганит

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 15:26
PM MAIL   Вверх
NDenis
Дата 21.7.2008, 15:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



выдержка из вашего кода:
Цитата

Код

<li class="radiobutton"><a href="http://partyradio.ru"></a></li>


текст ссылки надо указывать.
затем, чтобы он не проявлялся на картинке, сделать так

Код

<li class="radiobutton"><a href="http://partyradio.ru"><span>Радио</span></a></li>

Код

a span {
display:none;
}

PM MAIL   Вверх
WantedFan
Дата 21.7.2008, 17:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет



Ещё раз спасибо огромное.
Проблема навигации решена 
PM MAIL   Вверх
liliana2
Дата 29.1.2009, 09:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет



Помогите и мне тоже, что-то никак нигде не могу найти, есть вертикально меню, и надо чтобы в меню слева при нажатии на пункт меню раскрывался список второго уровня, помогите отыскать скрипт или другую реализацию пример такого меню здесь:
http://www.zto.ru/ (Каталог например слева)
только с одной поправкой, чтобы когда другой пункт меню первого уровня тыкаешь предыдущее открытое закрывалось
-----
смотрела как подобные меню реализовано - понять не могу, там тока чистый хтмл и никакого скрипта, как оно тогда работает, если кто подскажет где найти пример и разобраться, буду очень признательна
PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0608 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.