Здравствуйте добрые форумчане!) хочу посоветоваться с Вами правильно ли я все делаю и решить одну нубскую проблему. Итак, загорелся я разместить на своем сайте последний тренд сезона - кнопки соц сетей скачал нужные изображения подредактировал поместил в сайт/templates/название шаблона/images создал файл стилей css3buttons.css для кнопок и положил его в сайт/templates/название шаблона/css подключил созданый файл стилей к шаблону - в index.php прописал Код (html): <link href="<?php echo $template_baseurl; ?>/css/css3buttons.css" rel="stylesheet" media="all" type="text/css"/> в файле стилей пишу Код (CODE): .button_vk:hover { background-position: 0 -103px; } .button_vk:active { background-position: 0 -205px; } .button_vk { width: 96px; height: 96px; background: url('../images/vk_css.png') no-repeat 0 0; display: block; } .button_fb:hover { background-position: 0 -103px; } .button_fb:active { background-position: 0 -205px; } .button_fb { width: 96px; height: 96px; background: url('../images/fb_css.png') no-repeat 0 0; display: block; } .button_tw:hover { background-position: 0 -103px; } .button_tw:active { background-position: 0 -205px; } .button_tw { width: 96px; height: 96px; background: url('../images/tw_css.png') no-repeat 0 0; display: block; } .button_od:hover { background-position: 0 -103px; } .button_od:active { background-position: 0 -205px; } .button_od { width: 96px; height: 96px; background: url('../images/od_css.png') no-repeat 0 0; display: block; } затем стандартном HTML модуле пишу Код (html): <a class="button_vk" href="http://vk.com"> </a> <a class="button_fb" href="http://facebook.com"> </a> <a class="button_tw" href="http://twitter.com"> </a> <a class="button_od" href="http://odnoklassniki.ru"> </a> и получаю вот такую штуку как на Ваш взгляд, правильно ли я все делаю? и собственно вопрос - как поставить их в ряд и на середину страницы поместить? чтобы они всегда были посередине независимо от разрешения экрана заранее спасибо!!!