Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1394 Просмотров
*

SMILE:)

  • Новичок
  • 7
  • 0 / 0
не получается сделать горизонатльное меню сайта.......во всех браузерах как то он не корректно отображается, во всех по разному.......

КОД:
/*стиль самой менюшки располагается в head*/
<style type="text/css">
  #menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: tahoma;
  }
 
  #menu li{
    position: relative;
    width: 180px;
    height: 30px;
    margin: 0;
    padding: 0; 
    text-align: center;
    display: inline;
    float: left;
    background: url(....) left top;
  }
 
  #menu li:hover, #menu li.over{
    background-position: left bottom;
  }
 
  #menu li ul.submenu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
    left: 0;
    top: 20px;
  }
 
  #menu li:hover ul.submenu, #menu li.over ul.submenu{
    display: block;
  }
 
  #menu a{
    display: block;
    text-decoration: none;
  }
</style>

/*сама менюшка в body*/

<ul id="menu">
  <li><a href="http://tv/" color="#ffffff">menu1</a>
    <ul class="submenu">
      <li><a href="#">submenu 1</a></li>
      <li><a href="#">submenu 2</a></li>
      <li><a href="#">submenu 3</a></li>
    </ul>
  </li>
  <li><a href="...">menu2</a>
    <ul class="submenu">
      <li><a href="#">submenu 1</a></li>
    </ul>
  </li>
  <li><a href="...">menu3</a>
    <ul class="submenu">
      <li><a href="#">submenu 1</a></li>
      <li><a href="#">submenu 2</a></li>
    </ul>
  </li>
  <li><a href="...">menu4</a></li>
</ul>

/*прописал еще код для корректного отображнение в ишаке*/
<script type="text/javascript">
  function menuhover(){
    if(!document.getElementById('menu')) return;
    var lis = document.getElementById('menu').getElementsByTagName('LI');
    for (var i=0; i<lis.length; i++){
      lis.onmouseover=function(){this.className+=' over';}
      lis.onmouseout=function(){this.className=this.className.replace(/ over/gi,'');}
    }
  }
  if(window.attachEvent) window.attachEvent('onload', menuhover);
</script>
помогите пажаста, скажите что не так я сделал!
*

maragva

  • Захожу иногда
  • 103
  • 1 / 0
Re: горизонатльное меню для сайта
« Ответ #1 : 14.07.2010, 19:13:25 »
А ссылочку дадите?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Некорректное отображение сайта на смартфоне

Автор Bazilio_69

Ответов: 0
Просмотров: 1327
Последний ответ 04.09.2024, 20:36:06
от Bazilio_69
Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 2770
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3440
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2976
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1463
Последний ответ 11.12.2020, 21:15:57
от effrit