Markelok
-
Posts
2 -
Joined
-
Last visited
Markelok's Achievements
Explorer (1/14)
-1
Reputation
-
Всем спасибо!
-
Здравствуйте. Помогите выравнить блоки/шторки по центру. Скриншот: Нужно что бы эти блоки были по центру. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Красивые шторки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script><script type="text/javascript">$(document).ready(function() { $('.eff').hover( function () { value = $(this).find('img').outerHeight() * -1; $(this).find('img').stop().animate({bottom: value} ,{duration:500, easing: 'easeOutBounce'}); }, function () { $(this).find('img').stop().animate({bottom:0} ,{duration:500, easing: 'easeOutBounce'}); }); $('.eff').click(function () { window.location = $(this).find('a:first').attr('href'); }); });</script><style>body {font-family:arial;}a {color:yellow;}.eff { width:136px; height:136px; position:relative; overflow:hidden; float:left; display:inline; margin:8px; font-size:12px;}.eff img { display:block; width:126px; height:126px; text-decoration:none; border:4px solid #ccc; background:#ddd; position:absolute; z-index:500; cursor:pointer; cursor:hand;}.eff .caption { width:126px; height:126px; background:#333; border:4px solid #ccc; color:#eee; position:absolute; top:0; left:0; z-index:0;}.eff .caption a.header { margin:10px 5px 5px 5px; display:block; font-size:14px; font-weight:700; color:#4ed7f4;}.eff .caption p { margin:5px; }.clear {clear:both}</style></head><body><div class="eff"> <img src="1.gif" alt="Тест 1" title="" width="126" height="126" /> <div class="caption"> <a href="#" class="header">Заголовок 1</a> <p>Тут может быть помещен любой поясняющий текст. <a href="#">Cсылка</a></p> </div></div><div class="eff"> <img src="2.gif" alt="Тест 1" title="" width="126" height="126" /> <div class="caption"><a href="#" class="header">Заголовок 2</a> <p>Тут может быть помещен любой поясняющий текст.</p> </div></div><div class="eff"> <img src="3.gif" alt="Тест 1" title="" width="126" height="126" /> <div class="caption"> <a href="#" class="header">Заголовок 3</a> <p>Тут может быть помещен любой поясняющий текст.</p> </div></div><div class="clear"></div></body></html>