Историята е следната: правя си меню чрез CSS. Под Google Chrome, Mozilla и Opera менюто изглежда добре, ама през експлоръра има два очевадни, очебийни и нерворазбиващи проблема - долната част на менюто се орязва, а от последния бутон се копират последните три букви и се появяват в центъра под цялото хоризонтално меню. Какво ми трябва да го оправя?
Менюто ми под IE е грозно
- Автор Nathan
- Начална дата
CSS:
HTML:
[/code]
Код:
body
{
font-family: Arial;
font-size: 9px;
}
#menu
{
color: black;
height: 32px;
width: 900px;
}
#menu a
{
background-image: url
(images/menu1.bmp);
width: 180px;
display: block;
float: left;
color: 800000;
height: 27px;
padding-top: 5px;
text-decoration: none;
}
#menu a:hover
{
background-image: url
(images/menu2.bmp);
width: 180px;
color: C0C0C0;
height: 27px;
}HTML:
Код:
<div id="menu">
<a href="index.php">НАЧАЛО</a>
<a href="history.php">ИСТОРИЯ</a>
<a href="gallery.php">ГАЛЕРИЯ</a>
<a href="clubs.php">КЛУБОВЕ</a>
<a href="fests.php">ПРАЗНИЦИ</a>
</div>Я пробвай така.
Код:
<html>
<head>
<style>
body
{
font-family: Arial;
font-size: 9px;
}
#menu
{
color: black;
height: 32px;
width: 100%;
}
#menu a
{
background-image: url
(images/menu1.bmp);
width: 180px;
float: left;
color: 800000;
height: 27px;
padding-top: 5px;
text-decoration: none;
}
#menu a:hover
{
background-image: url
(images/menu2.bmp);
width: 180px;
color: C0C0C0;
height: 27px;
}
</style>
</head>
<body>
<div id="menu">
<a href="index.php">НАЧАЛО</a>
<a href="history.php">ИСТОРИЯ</a>
<a href="gallery.php">ГАЛЕРИЯ</a>
<a href="clubs.php">КЛУБОВЕ</a>
<a href="fests.php">ПРАЗНИЦИ</a>
</div>
</body>
</html>