היי,
אנא הסתכלו כאן-
http://www.tanyapreminger.com/work/brain/page-aa.html
לפי הוראות שנתנו לי כאן יצרתי את התפריט הזה לאחר כמה שעות עבודה.
נותרו שתי בעיות בלתי פתורות-
1. בשום אופן לא הצלחתי להתאים את הכתב כדי שיימשך על כל אורך הסרגל השחור. זאת אןמרת שלא יהיו רווחים כאלו גדולים בצדדים. מה לעשות?
2. כשעומדים על VISION רואים את הלינקים שנפתחים , אבל אי אפשר ללחוץ עליהם כי הם נעלמים ברגע שמזיזים את העכבר...
תודה על עזרתכם. הנה הקוד של ה-HTML

<ul id="menu">

<li><a href="">HOME</a></li>
<li><a href="">VISION</a>
<ul>
<li><a href="">The Thinking Machine</a></li>
<li><a href="">AI Background</a></li>
<li><a href="">AI in Business</a></li>
</ul>
</li>
<li><a href="">TEAM</a></li>
<li><a href="">TECHNOLOGY</a></li>
<li><a href="">APPLICATIONS</a></li>
<li><a href="">CONTACT</a></li>
</ul>

<script type="text/javascript">
var getTriggers = document.getElementById("menu").getElementsByTagName("li");
for(var i=0; i<getTriggers.length; i++){
if(getTriggers[i].getElementsByTagName("ul")[0]){
getTriggers[i].onmouseover = function(){ this.getElementsByTagName("ul")[0].style.display = "block"; };
getTriggers[i].onmouseout = function(){ this.getElementsByTagName("ul")[0].style.display = "none"; };
}
}
</script>

וזה הקוד של ה-CSS-

#menu li, a:link, a:visited, a:hover {
list-style: none;
float: left;
position: relative;
display: block;
padding: 1px;
margin: 1px;
text-decoration:none;
}
#menu li ul {
display: none;
width: 11em;
position: absolute;
left: -3.3em;
top: 2em;
font-size: 13px;
}
#menu li li, a:link, a:visited, a:hover {
float: none;
color: #ffffff;
background-color: #000000;
line-height: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 2px;
margin: 2px;

קוד:

#menu li {
  list-style: none;
  float: left;
  position: relative;
  display: block;
  margin: 0 .7em;
}

#menu li ul {
  display: none;
  width: 11em;
  position: absolute;
  left: -3.3em;
  top: 1.2em;
  padding-top: 9px;
  font-size: 13px;
}

#menu li li {
  float: none;
  background: #000;
  margin: 2px;
}

a {
  padding: 3px;
  font: bold 12px/1.2em Arial, Helvetica, sans-serif;
  display: block;
  _width: 100%;
  width: auto;
  text-decoration: none;
  color: #fff;
}

עדיין אי אפשר ללחוץ על הלינקים שנפתחים מ- VISION בגלל שהם נעלמים ברגע שהעכבר זז מ- VISION.
תודה רבה!