Форум Flasher.ru - выпадающее меню

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- Флейм (http://www.flasher.ru/forum/forumdisplay.php?f=53)

- - выпадающее меню (http://www.flasher.ru/forum/showthread.php?t=66003)

выпадающее меню

Всем приве! В прошлом письме спрашивала про выпадающее меню с картинкамию попробовала сделать, ничего не получается. Kidskiller пришли мне пожалуйста сверстанный код.

фигасе наглость...

1) не KidsKiller, а KidsKilla
2) http://www.alistapart.com/d/horizdro...orizontal2.htm
3)

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Horizontal Drop Down Menus</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">

// JavaScript Document



startList = function() {

if (document.all&&document.getElementById) {

navRoot = document.getElementById("nav");

for (i=0; i<navRoot.childNodes.length; i++) {

node = navRoot.childNodes[i];

if (node.nodeName=="LI") {

node.onmouseover=function() {

this.className+=" over";

  }

  node.onmouseout=function() {

  this.className=this.className.replace(" over", "");

   }

   }

  }

 }

}

window.onload=startList;

</script>

<style type="text/css">

body {

        font: normal 11px verdana;

        }



ul {

        margin: 0;

        padding: 0;

        list-style: none;

        width: 150px; /* Width of Menu Items */

        border-bottom: 1px solid #ccc;

        }



ul li {

        position: relative;

        }

        

li ul {

        position: absolute;

        left: 149px; /* Set 1px less than menu width */

        top: 0;

        display: none;

        }



/* Styles for Menu Items */

ul li a {

        display: block;

        text-decoration: none;

        color: #777;

        background: #fff; /* IE6 Bug */

        padding: 5px 5px 5px 20px;

        border: 1px solid #ccc;

        border-bottom: 0;

        }



/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */



ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */

                

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

                

li:hover ul, li.over ul { display: block; } /* The magic */

</style>

</head>

<body> 

<ul id="nav"> 

<li><a href="#" style="background:url('http://www.flasher.ru/forum/images/russian/style2/icons/icon3.gif') 3px 5px no-repeat">Home</a></li> 

<li><a href="#" style="background:url('http://www.flasher.ru/forum/images/russian/style2/icons/icon9.gif') 3px 5px no-repeat">About</a> 

    <ul> 

      <li><a href="#">History</a></li> 

      <li><a href="#">Team</a></li> 

      <li><a href="#">Offices</a></li> 

    </ul> 

  </li> 

  <li><a href="#">Services</a> 

    <ul> 

      <li><a href="#">Web Design</a></li> 

      <li><a href="#">Internet Marketing</a></li> 

      <li><a href="#">Hosting</a></li> 

      <li><a href="#">Domain Names</a></li> 

      <li><a href="#">Broadband</a></li> 

    </ul> 

  </li> 

  <li><a href="#">Contact Us</a> 

    <ul> 

      <li><a href="#">United Kingdom</a></li> 

      <li><a href="#">France</a></li> 

      <li><a href="#">USA</a></li> 

      <li><a href="#">Australia</a></li> 

    </ul> 

  </li> 

</ul> 

</body>

</html>

KidsKilla, spasibochki bol'shoe!!! Извени за неправильность написания твоего псевдо-просто так легче запомнить. А что это означает?

Попробовала. Все бы ничего, да вот только с бэкграундом плохо работает, особенно в Netscape. А как сделать просто rollover картинками ,без бэкграунда????????????????????? Pls.

выложи сюда что те там нада -- посмотрим =)

пс
ник переводится как "убийца маленьких детей", ток чуть слэнга =)))

этот форум для помощи в каких то сложностях появившихся в процессе разработки, а не для требования готового...
переезжаем в раздел джоб...

вообщето этот раздел называется "вакансии" , а теперь рифмуй ...

второй раз переехали :)

тему сафсем запинали =)))
и сунули не туда =)))