Вот код: | Код |
<title>Документ без имени</title>
<STYLE type=text/css id="default" title="default" name="default">
*::-moz-any-link br,*:-moz-any-link br {
/*a workarround for mozilla*/
display:none;
}
div#menu * {
cursor: pointer; /*because IE displays the text cursor
if the link is inactive*/
}
.sss1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: normal;
color: #000000;
background-color: #046815;
text-align: center;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
width: 100px;
top: 50px;
position: absolute;
left: 50px;
}
.disabled {
color: red !important;
background: none !important;
}
div#menu {
background: transparent;
font: 15px Verdana, sans-serif;
height: 15px;
white-space: nowrap;
width: 100%;
}
div#menu .a {
/*background: #F5F5DC;*/
/*border: 1px solid #F5F5DC;*/
color: #000000;
text-decoration: none;
}
div#menu .a table {
display: block;
font: 10px Verdana, sans-serif;
white-space: nowrap;
}
div#menu table, div#menu table a {
display: none;
}
div#menu .a:hover, div#menu div.menuitem:hover {
border: 1px solid #84bd84;
color: #ffffFF;
margin-right:-1px; /*resolves a problem with Opera not displaying the right border*/
background-color: #1d5524;
}
div#menu .a:hover table, div#menu div.menuitem:hover table{
background: #FFFFFF;
border: 1px solid #708090;
display: block;
position: absolute;
white-space: nowrap;
margin-left: 15px;
}
div#menu .a:hover table a, div#menu div.menuitem:hover table a {
border-left: 10px solid #708090;
border-right: 1px solid white; /*resolves a jump problem*/
color: #000000;
display: block;
padding: 1px 12px;
text-decoration: none;
white-space: nowrap;
z-index: 1000;
}
div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
background: #7DA6EE;
border: 1px solid #000000;
border-left: 10px solid #000000;
color: #000000;
display: block;
padding: 0px 12px;
text-decoration: none;
z-index: 1000;
}
td {
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.menuitem {
float: left;
margin: 1px;
padding: 1px;
}
.menuitem * {
padding: 0px;
}
#other {
height: auto;visibility: visible;
}
#moz{
height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
height: auto; visibility: visible;
}
#other::-moz-cell-content{
height: 1px; visibility: hidden;
}
#holder {
width: 133px;
}
body {
background-color: #B9F7C0;
}
</STYLE>
</head>
<body>
<TABLE id=holder class="sss1" >
<TR>
<TD id="other">
<DIV id="menu">
<DIV class="menuitem">
<a class="a" href='#'><strong>File</strong><BR>
<TABLE >
<TR>
<TD><a href=#2>click me</A></TD>
</TR>
<TR>
<TD><a href=#3>Save</A></TD>
</TR>
<TR>
<TD><a href=#4>Close</A></TD>
</TR>
</TABLE>
</DIV>
<DIV class="menuitem">
<A class="a" href="#11"><strong>Help</strong><BR>
<TABLE>
<TR>
<TD><a class="disabled">..</A></TD>
</TR>
<TR>
<TD><a href=#13>Index</A></TD>
</TR>
<TR>
<TD><a href="#14">About</A></TD>
</TR>
</TABLE>
</DIV>
</DIV>
</TD>
</TR>
</TABLE><BR>
</body>
</html>
|
Мне нужно получить то что на картинке внизу, а получается то, что вверху. То есть, чтоб при наведении на ссылку "File" фон за ним раскрашивался в темно-зеленый, и не только вокруг букв, а пошире. Ну как на картинке, в общем.  Помогите, пожалуйста!! У меня не получается... :( Это сообщение отредактировал(а) Illuminaty - 30.9.2007, 14:52 |
Выпадающее меню в ИЕ на css, Проблема с... оформлением таблицы. 
Загрузка ...
