|
|
|
| Создаю меню, которая должна менятьса при наведение курсора. Проблема состоит в том что в IE и Мозилле всё время кнопка выглидит по разнаму. В IE текст выровнил с помошю padding: 6px 0 10px 0; а в Мозиле кнопка увеличилась по вертикале ( поевилось лишнее)
<html>
<head>
<style>
a.button{
display:block;
width: 100px;
height: 51px;
font-size: 25px;
color: #FFFFFF;
font-weight: bold;
outline: none;
text-decoration: none;
text-align: center;
margin: 0px;
background: url('menuJpg/MenuStrip-1.jpg');
padding: 6px 0 10px 0;
}
a.button:hover {
background: url('menuJpg/MenuStrip3-1.jpg');
}
a.button:activ { color: #ff0000; }
|
...
<td width="100" >
<font color="#ffffff" size="5">
<div align="center" valign="center">
<b>
<a href="#" class="button" >
Gallery
</a>
</b>
</div>
</font>
</td>
...
|
Пожалуйста помогите а то я не как не соображу в чём дело, может текст выровнить можно без использования padding? | |
|
|
|
|
|
|
|
для: Ar2rik
(14.04.2009 в 01:47)
| | Мозилла как-то своеобразно считает паддинг. Задай лучше поля (margin) для слова Gallery, оформив его дополнительно в <span> или <p>. | |
|
|
|