Надо сделать меню:
Кнопка: Справа картинка, потом текст. При наведении картинка должна меняться.
Вот код css:
.menubutton {
text-align: center;
background-color: #4d4948;
background-image: url('images/menu1.jpg');
background-repeat: no-repeat;
border-bottom-width: 1;
border-bottom-color: white;
border-bottom-style: solid;
height: 45;
cursor: pointer;
}
.menubutton:hover {
background-image: url('images/menu2.jpg');
background-repeat: no-repeat;
background-color: #4d4948;
text-decoration: none;
cursor: pointer;
height: 45;
}
.menutext {
font: 25px Century Gothic;
text-decoration: none;
color: white;
text-indent: 45;
}
Вот одна из кнопок меню:
<a href=index.php class="menutext"><div class="menubutton">Главная</div></a>
Проблема в том, что в Опере работает все идеально, а вот в ИЕ картинка не меняется!
Подскажите, что делать! Заранее спасибо!
1. armatura - 11 Января, 2008 - 15:04:27 - перейти к сообщению
2. Ray Wen - 11 Января, 2008 - 15:54:36 - перейти к сообщению
armatura
Ну кто такой код пишет... ну это же ужас! Кто же вставляет в A тэг DIV? Ну что за безобразие... И не работает, по тому как DIV:HOVER не обрабатывается в IE...
Ну кто такой код пишет... ну это же ужас! Кто же вставляет в A тэг DIV? Ну что за безобразие... И не работает, по тому как DIV:HOVER не обрабатывается в IE...
CODE:
.menubutton {
text-align: center;
background:#4d4948 url('images/menu1.jpg') 0 0 no-repeat;
text-decoration: none;
font:normal 25px Century Gothic;
height: 45;
display:block;
padding-left:45px;
}
.menubutton:hover {
background-image:url('images/menu2.jpg');
}
text-align: center;
background:#4d4948 url('images/menu1.jpg') 0 0 no-repeat;
text-decoration: none;
font:normal 25px Century Gothic;
height: 45;
display:block;
padding-left:45px;
}
.menubutton:hover {
background-image:url('images/menu2.jpg');
}
CODE:
<a href="index.php" class="menubutton">Главная</a>
3. armatura - 12 Января, 2008 - 06:26:39 - перейти к сообщению
Ray Wen, спасибо огромное за помощь