Ей, хлопці, я намагаюся створити систему навігації, подібну до тієї, яку ви можете знайти на starbucks.com. Ось посилання на мій зразок: http://dl.dropbox.com/ u/73992/js_tests/test.htm Я здійснюю ефект з навігаційним зразком на дно, але, як ви можете бачити, є проблеми позиціонування. Ви можете знайти CSS у вихідному коді. Я зрозумів, що це найкращий спосіб перевірити його. Заздалегідь дякуємо вам за будь-яку допомогу, яку я можу отримати.
згідно пропозиції тут - css
*
{
margin:0;
padding:0;
}
#nav
{
position:relative;
margin-top:3em;
margin-left:3em;
}
#nav ul
{
list-style-type:none;
}
#nav ul li
{
position:relative;
margin-top:10px;
}
#nav ul li ul li
{
margin-top:0px;
}
#nav ul li h1
{
font-size:15px;
font-weight:bold;
text-align:center;
color:#000000;
background-color:#F7FF88;
border:solid 5px black;
width:100px;
height:30px;
border-bottom:none;
z-index:20;
}
.content
{
position:relative;
width:300px;
background-color:#F7FF88;
border:solid 5px black;
}
.content form
{
display:block;
margin:10px 10px 10px 10px;
}
.content p
{
text-align:left;
display:block;
margin:10px 10px 10px 10px;
}
.gallery
{
margin:10px 10px 10px 10px;
background-color:#ffffff;
border:solid 1px black;
}
.gallery img
{
display:inline-block;
margin:10px 5px 10px 0px;
float:left;
}
/*
This next section is identical but represents what happens w/ the absolute positioning.
*/
.content2
{
position:absolute;
width:300px;
background-color:#F7FF88;
border:solid 5px black;
top:30px;
z-index:-5;
}
.content2 form
{
display:block;
margin:10px 10px 10px 10px;
}
.content2 p
{
text-align:left;
display:block;
margin:10px 10px 10px 10px;
}
.clear
{
clear:both;
}
якщо це допомагає, це те, що я намагаюся досягти
CSS working the functionality would be easy... just can't seem to get these accomplished.">