Добрый день. Сразу скажу, что в css я разбираюсь неважно, в основном делаю все методом тыка.
Брал код горизонтального меню (вида: при наведении курсора на иконку пункта она увеличивается) из интернета, вроде все работает, но выровнять по центру не получается. На разрешении 1366x768 и 1280x1024 зрительно расположено по центру, на более высоких смещено влево. Прошу помощи, сайт нужен уже через 3 дня
hmy: .
Сам код:
Насколько я понял, менять нужно что-то в #menu, однако все мои попытки ни к чему не привели.
Брал код горизонтального меню (вида: при наведении курсора на иконку пункта она увеличивается) из интернета, вроде все работает, но выровнять по центру не получается. На разрешении 1366x768 и 1280x1024 зрительно расположено по центру, на более высоких смещено влево. Прошу помощи, сайт нужен уже через 3 дня
hmy: .Сам код:
Код:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="/favicon.ico" type="image/x-icon">
<IMG style="vertical-align: top;" src="img/pic.png" border="0" width="100%" id="logo">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META http-equiv="Content-Language" content="ru">
<TITLE>Название сайта</TITLE>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
});
</script>
<style type="text/css">
body {
margin:100px;
padding:0
}
#logo {
position:relative;
top:-80px;
}
*{ padding:0px; margin:0px; margin-bottom:10px; }
img{ border: none; -ms-interpolation-mode: bicubic; }
body { background-image: url('img/bg.gif'); }
#menuwrapper{ position:relative; height:80px; }
#menu{position:absolute; bottom:0; left:23%;}
.menuitem{ position:fixed relative; bottom:0px; display:inline-block; }
</style>
</HEAD>
<BODY>
<div id="menuwrapper">
<div id="menu">
<a href="/index.php" class="menuitem"><img src="img/main.png"</a>
<a href="/services.php" class="menuitem"><img src="img/services.png"></a>
<a href="/gallery.html" class="menuitem"><img src="img/gallery.png"></a>
<a href="/faq.php" class="menuitem"><img src="img/faq.png"></a>
<a href="/contacts.php" class="menuitem"><img src="img/contacts.png"></a>
<a href="/order.php" class="menuitem"><img src="img/order.png"></a>
</div>
</div>
</div>
