Нужно чтобы див появлялся внутри другова дива...Где то посередине....Вписываю внутри непонимаю почему не показывает вообще внутри его...
Так вот эт код
CSS
| Код |
#middlebar{
border-bottom:none;
background:url(buttons/search3.jpg) no-repeat top left;
/* height:46px; */
}
#middlebar form{
margin:0;
padding: 10px 0px 9px 20px;
}
#nav {margin: 0px 0 0px 0;}
#nav {
/*float:left;*/
width:100%;
background:#dae0d2 url("buttons/bg.gif") repeat-x bottom;
}
#nav ul {
margin:0 auto;
padding:0px 0px 0;
list-style:none;
display:table;
}
#nav li {
display:table-cell;
float:left;
background:url("buttons/right_both.gif") no-repeat right top;
margin:0 0 0 0px; /* 9px last */
padding:0;
}
#nav a {
display:block;
position:relative;
left:-9px;
margin-right:-9px;
width:.1em;
background:url("buttons/left_both.gif") no-repeat left top;
padding:5px 20px;
text-decoration:none;
font-weight:bold;
color:#765;
}
#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
color:#333;
}
#demos #nav-demos,
#menus #nav-menus,
#layouts #nav-layouts,
#boxes #nav-boxes,
#mozilla #nav-mozilla,
#explorer #nav-explorer,
#opacity #nav-opacity {
background-position:100% -150px;
}
#demos #nav-demos a,
#menus #nav-menus a,
#layouts #nav-layouts a,
#boxes #nav-boxes a,
#mozilla #nav-mozilla a,
#explorer #nav-explorer a,
#opacity #nav-opacity a {
background-position:0 -150px;
padding-bottom:6px;
color:#333;
}
/* not for IE5.x or IE6 */
#nav li:hover,
#nav li:hover a {
background-position:100% -150px;
color:#333;
}
#nav li:hover a {
background-position:0 -150px;
}
|
А эт код HTML
| Код |
<div id="middlebar">
<!-- SEARCH START -->
<form action='index.php?lang=<? echo "$lang"; ?>'>
<i>AZ EN</i><? //echo"<label>$search</label>"; ?>
<input name="searchFor" type="text" size="11">
<input name="axtar" type="submit" class="submit" value="">
<!-- <? echo"#search"; ?>-->
</form>
<!-- SEARCH END-->
<div id="nav">
<ul>
<li id="nav-demos"><a href="../menu/index.html">Demos</a></li>
<li id="nav-menus"><a href="index.html">Menus</a></li>
<li id="nav-layouts"><a href="../layouts/index.html">Layouts</a></li>
<li id="nav-boxes"><a href="../boxes/index.html">Boxes</a></li>
</ul>
</div>
</div>
|
А здесь собственно видно что и как...
Ну новерное вы поняли нужно чтобы горизантальное меню было на верхней полосе...
http://elm.az/ict/library/infnew2/ritn/
|
