| |
 2.4 Кб |
|
| | Мужики помогите, почему в firefox при наведении на раздел меню цвет и рамка как и положенно меняется, а если юзать тоже самое в IE6 этого не происходит? Sad ...подскажите мне тупому, как сделать чтоб и в IE все работало, я уже три дня над этим парюсь....вот код stylesheet.css
html {
margin:0px;
padding:0px;
}
a img {
border:none;
margin:0px;
padding:0px;
}
body {
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #487858;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
p {
font-size: 12px;
color: #000000;
}
a {
font-size: 12px;
color: #003399;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #749800;
text-decoration: none;
}
.boxshadow {
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
padding-right: 6px;
}
.boxshadow h3 {
font-weight:bold;
font-size: 14px;
margin-top: 0px;
margin-bottom: 5px;
}
.boxshadow h5 {
font-weight: bold;
font-size: 10px;
color: #888888;
border-bottom: 1px solid #bbbbbb;
margin-top: 0px;
margin-bottom: 2px;
}
.MenuHeader {
font-size: 12px;
color: #FFFFFF;
background-color: #234F32;
border: 1px #000000 solid;
font-weight: bold;
}
a.MenuLink:link, a.MenuLink:visited{
color: #212B00;
text-align: left;
font-weight: bold;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #ddd;
padding-left: 5px;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}
a.MenuLink:hover {
color: #666666;
border-left-color: #666;
}
.MenuItem {
background-color: #8AC443;
border: 1px #000000 solid;
}
.MenuItem:hover {
background-color: #EEEEEE;
border: 1px #dd1111 solid;
}
.red1 {
font-size: 12px;
text-decoration: none;
color: #FF3300;
font-weight: bold;
}
.blackborder {
border: 1px solid #888888;
}
.content {
background-color: #092E20;
padding: 10px;
border-bottom: 1px solid #BBBBBB;
}
.menubar {
padding: 2px;
background-color: #326342;
border-right: 1px solid #BBBBBB;
}
.header {
background-color: #092E20;
border-bottom: 1px solid #BBBBBB;
padding: 4px;
}
.footer {
padding: 4px;
font-size: 10px;
color: #555555;
text-decoration: none;
background-color: #326342;
}
.footer a {
font-size: 10px;
color: #555555;
text-decoration: underline;
}
.footer a:hover {
font-size: 10px;
color: #555555;
}
h1 {
font-size: 18px;
color: #FF9900;
text-decoration: none;
font-weight: normal;
}
.bluetitle {
font-size: 15px;
color: #0099FF;
font-weight: bold;
}
.headertext {
font-size: 24px;
color: #009900;
}
.headersubtext {
font-style: italic;
color: #009900;
font-size: 14px;
}
|
| |
| |
|
|
| |
|
|
| |
для: Const86
(28.02.2007 в 01:18)
| | | а вот файлик stylesheet.css.....посмотрите плиз | |
| |
|
|
| |
|
|
| |
для: Const86
(28.02.2007 в 01:18)
| | | Возможно потому, что IE понимает hover только
для элемента a.
Если вы хотите, иметь большую вероятность
ответа на ваш вопрос, то лучше выкладывать пример
с минимально необходимым кодом
который можно легко запустить и посмотреть, вместо
того, чтобы пытаться угадать, что у вас там в HTML. | |
| |
|
|
| |
|
|
| |
для: RMW
(28.02.2007 в 13:28)
| | | все равно тож самое....вот код html | |
| |
|
|
| |
|
|
| |
для: Const86
(28.02.2007 в 14:51)
| | | Я к тому, что не плохо бы давать примеры
в таком виде:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<style>
a:hover{background-color:red}
.kuku:hover{background-color:orange}
</style>
<div class="kuku"><a href="">test</a></div>
</html>
|
Как-то проще разбирать:) | |
| |
|
|
| |
|
|
| |
для: RMW
(28.02.2007 в 17:48)
| | | держи Костик я тебе все сделал :-) не слушай этих лентяев :-))) | |
| |
|
|
| |
|
|
| |
для: Padonak
(28.02.2007 в 22:16)
| | | Padonak огромное тебе человеческое спасибо!....офигенно помог!... | |
| |
|
|
| |
|
|
| |
для: Const86
(01.03.2007 в 10:58)
| | | :-)) не за что | |
| |
|
|
| |
|
|
| |
для: Padonak
(01.03.2007 в 11:04)
| | | не реально респект.......теперь я понял ява сила.....*ушел учить...))* | |
| |
|
|
| |
|
|
| |
для: Const86
(01.03.2007 в 11:27)
| | | Почему ни сделать при помощи стилей?
DIV.menu a.menu{
float: left;
cursor:pointer ;
width: auto; (по размеру ссылки, играеш отступами или размер ячейки таблицы)
background-color:#E4D03D;
FONT-SIZE: 10pt; COLOR: #330099; font-weight: bold;
text-decoration: none;
}
DIV.menu a.menu:hover{
float: left;
cursor:pointer ;
width: auto; (по размеру ссылки, играеш отступами или размер ячейки таблицы)
background-color:#EDEDB1;
FONT-SIZE: 10pt; COLOR: #330099; font-weight: bold;
text-decoration: none;
}
<div class="menu><a class="menu" href="#">Menu</a></div>
|
Работает при наведении в любое место , а не только на гиперссылку, и с отключенной явой. | |
| |
|
|
