Сообщений в теме: 2

[malroz]

Здравствуйте, не силен в css, подскажите плиз, как в футере на сайте иконки соц.сетей сместить вправо, чтоб они оказались ровненько под статистикой??? float:right; не помогает...

вот мой код:

#footer {color:#282727; width:960px; height:116px; margin:20px auto; padding:20px; background: url(backgroundFooter.png) repeat-x; border-radius:5px; border:1px solid #3c569f;}
#footer table {width:960px; height:100%;}
#footer table td{padding:5px;}
#development a{display:block; width:148px; height:40px; background:url(../development.png) bottom center no-repeat; text-indent:-9999px; text-decoration:none;}
#development a:hover{background:url(../development.png) top center no-repeat;}
#payments span{display:block; margin-bottom:10px;}
#payments img {margin-left:5px;}
#phoneNumberFooter span{display:block; font:22px Trebuchet MS; color:#000000;}
#linksFooter a{display:block;color:#282727; text-decoration:underline;}
#linksFooter a:hover{text-decoration:none;}
#socials img {margin-left:3px; float:right;}

Заранее благодарен.

[Dars]

 malroz (11 Октябрь 2014 - 10:10) писал:

Здравствуйте, не силен в css, подскажите плиз, как в футере на сайте иконки соц.сетей сместить вправо, чтоб они оказались ровненько под статистикой??? float:right; не помогает...

вот мой код:

#footer {color:#282727; width:960px; height:116px; margin:20px auto; padding:20px; background: url(backgroundFooter.png) repeat-x; border-radius:5px; border:1px solid #3c569f;}
#footer table {width:960px; height:100%;}
#footer table td{padding:5px;}
#development a{display:block; width:148px; height:40px; background:url(../development.png) bottom center no-repeat; text-indent:-9999px; text-decoration:none;}
#development a:hover{background:url(../development.png) top center no-repeat;}
#payments span{display:block; margin-bottom:10px;}
#payments img {margin-left:5px;}
#phoneNumberFooter span{display:block; font:22px Trebuchet MS; color:#000000;}
#linksFooter a{display:block;color:#282727; text-decoration:underline;}
#linksFooter a:hover{text-decoration:none;}
#socials img {margin-left:3px; float:right;}

Заранее благодарен.

В style.css найдите код:

#socials img {margin-left:3px; float:right;}

и замените его на:

#socials img {margin-left:3px;}

а в шаблоне HTML строку:

<td id="linksFooter">

замените на:

<td colspan="2" id="linksFooter">

[malroz]

Спасибо! Вы лучшие! )