|
|
|
| http://pannon.hu/en/private/roaming/ - как сделать такое, но без картинок
Сделал так - не то
<!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> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
body, html {
padding: 0px;
margin: 0px;
font-size: 18px;
font-family: "Eras Medium ITC", "Gill Sans MT", Calibri;
/*font-weight: bold;*/
}
div#menu {
width: 100%;
background: #0099FF;
height: 30px;
position: relative;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
height: 30px;
}
ul li {
display: inline;
margin-right: 20px;
}
ul li a {
color: #fff;
/* display: block;*/
padding: 0px 10px;
overflow: auto;
text-decoration: none;
}
ul li a:hover {
background: #6600FF
}
ul li:hover ul {
display: block;
position: absolute;
left: 0px;
background: #000;
width: 100%;
text-align: center;
}
/* подменю */
ul li ul {
display: none;
width: 100%;
}
ul li ul li {
display: inline;
}
ul li ul li a {
position: relative;
/*left: 20px;*/
}
li#last ul {
text-align: right;
}
li#first ul {
text-align: left;
}
</style>
</head>
<body>
<table width="900" align="center">
<tr>
<td>
<div id="menu">
<ul>
<li id="first"><a href="">О компании</a>
<ul>
<li><a href="">0test</a></li>
<li><a href="">0test</a></li>
<li><a href="">0test</a></li>
</ul>
</li>
<li><a href="">Контакты</a>
<ul>
<li><a href="">1test</a></li>
<li><a href="">1test</a></li>
<li><a href="">1test</a></li>
</ul>
</li>
<li><a href="">test</a>
<ul>
<li><a href="">2test</a></li>
<li><a href="">2test</a></li>
<li><a href="">2test</a></li>
</ul>
</li>
<li><a href="">test</a></li>
<li><a href="">test</a></li>
<li><a href="">test</a></li>
<li><a href="">test</a></li>
<li><a href="">test</a>
<li><a href="">test</a>
<ul>
<li><a href="">3test</a></li>
<li><a href="">3test</a></li>
<li><a href="">3test</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: mihdan
(14.02.2008 в 14:18)
| | http://www.dynamicdrive.com/dynamicindex1/tabmouseover.htm | |
|
|
|
|
|
|
|
для: Dimon_K
(14.02.2008 в 14:40)
| | Спасибо, хоть и на скриптах но интересно | |
|
|
|
|
|
|
|
для: mihdan
(14.02.2008 в 14:18)
| | Посмотрите здесь http://webmascon.com/topics/coding/42a.asp | |
|
|
|
|