Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите с выпадающем меню CSS
 
 автор: Den*s   (29.09.2009 в 15:52)   письмо автору
 
 

Здравствуйте
Вроде бы мелочь, а уже весь мозг вынесла
как этот код поправить так, что бы после того как меню выпадет, цвет текста был белый?
вот меню http://test.don-pereezd.ru/
вот css

<style type="text/css">
#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /* border: 1px solid #000;*/
  /* background: #515151; */
  /* background-image:url(/images/menu_fon.jpg); */
  float: left;
  width: 100%;
}
#nav li {
  float: left;
  position: relative;
  background: #515151;
  back\ground: none;
}

#nav a {
  color: #3b4046;  /* цвет ссылок */
  text-decoration: none;
  display: block;
  width: 120px;
  padding: 4px 10px;
  background: url(/images/menu_line.jpg) repeat-y right; /* резделитель между меню */
}
#nav a:hover {
  color: #fff; /* цвкт ссылки при наведении */
  background: #195ea9; /* фон ссылок при наведении, распространияется и на подменю */
  /*background-image:url(../images/menu_fon_hover2.jpg);
  background-position:bottom;*/
}
#nav li:hover,
#nav li.jshover {
  /* background: #333fff; /* цвет основного меню, при наведении курсора на выпадающее меню */
  background-image:url(../images/menu_fon_hover2.jpg);
  color:#FFFFFF;
}

#nav li ul {
  display: none;
  position: absolute;
  background: url(/images/fon_vyp.png); /* фон выпадающего меню */
  padding: 8px 0;
  width: 138px;
}
#nav li li a {
  width: 118px;
  background: none;
}

#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 138px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}
</style>

  Ответить  
 
 автор: AlexSol   (29.09.2009 в 16:10)   письмо автору
 
   для: Den*s   (29.09.2009 в 15:52)
 

никак. найдите меню которое работает на js

  Ответить  
 
 автор: Den*s   (29.09.2009 в 16:20)   письмо автору
 
   для: AlexSol   (29.09.2009 в 16:10)
 

Плохо блин :(
А на JS ссылки не индексируются, а если делать через сервис в дримвьювере, то там нужно основное меню делать картинками, а меню тянется из базы...
Чтож, буду думать что ни будь

  Ответить  
 
 автор: AlexSol   (29.09.2009 в 16:25)   письмо автору
 
   для: Den*s   (29.09.2009 в 16:20)
 

про дрим не понял, там есть отличное меню без картинок.
вы формируете меню точно так же как и сейчас, только события показа подпунктом определяете в js а не css

  Ответить  
 
 автор: Den*s   (29.09.2009 в 16:54)   письмо автору
137.6 Кб
 
   для: AlexSol   (29.09.2009 в 16:25)
 

Такое я делал в 7-ой версии (и то повесить выпадание можно было только на картинку), сейчас стоит CS3 (в аттаче скрин)
там я не нашёл того же что было в 7-ой версии, может я невнимательно экспериментировал, но не нашёл...

  Ответить  
 
 автор: AlexSol   (29.09.2009 в 17:18)   письмо автору
57.3 Кб
 
   для: Den*s   (29.09.2009 в 16:54)
 

--->

  Ответить  
 
 автор: Den*s   (29.09.2009 в 17:34)   письмо автору
 
   для: AlexSol   (29.09.2009 в 17:18)
 

Это тоже пробовал, но там немного сложнее, и по смыслу одно и тоже, есть стили и есть маленький скрипт типа

        jsHover = function() {
                var hEls = document.getElementById("nav").getElementsByTagName("LI");
                for (var i=0, len=hEls.length; i<len; i++) {
                        hEls[i].onmouseover=function() { this.className+=" jshover"; }
                        hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
                }
        }
        if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);


Попробую ещё раз...

  Ответить  
 
 автор: spontan   (30.09.2009 в 19:23)   письмо автору
 
   для: Den*s   (29.09.2009 в 15:52)
 

Izvinite ya budu na latini pisat.
Vo pervix yesli u vas sayt multibrouzerniy to #nav li:hover, #nav li.jshover v brauzerax <ie7 ne budet effektivnim.
Vo vtorix cto bi tekst ssilki ostavalas belim on doljen bit pod hoverem toest vse pod menu doljna bit v ssilke v smisle xml.
Pokaju kak

<ul id="nav">
    <li><a href="/">Главная</a></li>
  <li><a href="inner.php?id=10">О компании</a>
   </li>
  <li><a href="#">Услуги</a>
   <ul>
      <li><a href="inner.php?id=17&amp;podrazdel=yes">Экспедирование</a></li> 
      <li><a href="inner.php?id=18&amp;podrazdel=yes">Агентирование</a></li>...
    </ul>
    </li>
.......    

eto to sto u vas, a nujno

<ul id="nav">
    <li><a href="/">Главная</a></li>
  <li><a href="inner.php?id=10">О компании</a>
   </li>
  <li><a href="#">Услуги
  <ul>
      <li><a href="inner.php?id=17&amp;podrazdel=yes">Экспедирование</a></li> 
      <li><a href="inner.php?id=18&amp;podrazdel=yes">Агентирование</a></li>...
    </ul>
   </a>
    </li>
....

a vse

#nav li:hover

kosayussiye k vipodaniyu pod menu zamenit na

#nav a:hover

v prinsipe ostalnoe vse normalno, doljno polucitsa.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования