[Решено] Как расположить все счётчики в позиции footer горизонтально? - Вопросы по CSS

Здравствуйте, подскажите как в шаблоне расположить счетчики в footer в горизонтальном порядке, т.е.:

Счетчик 1 | Счетчик 2 | Счетчик 3

у меня сейчас располагаются как

счетчик 1
счетчик 2
счетчик 3

Слаб я в CSS  

Все зависит от верстки.
Здесь уже надо смотреть на сам сайт.

Все зависит от верстки.
Здесь уже надо смотреть на сам сайт.

Посмотрите? Сайт в профиле

http://www.sequels.ru/templates/sequelstemplate/css/template.css   строка 2076 добавить

div.seq-footer img {
    border-color: #4093E9;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0 15px;}

http://www.sequels.ru/templates/sequelstemplate/css/template.css   строка 2076 добавить

div.seq-footer img {
    border-color: #4093E9;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0 15px;}

не факт что прокатит, особенно в IE
лучше засунуть каждый код счетчика в див и этим дивам задать float:left;

Может там просто убрать <p></p> у счетчика от маил.ру

{ display:inline }
можно попробовать так

А вообще , мой тебе совет, выкинуть эти визуальные счётчики на помойки и никогда про них не вспоминать. 


+ИМХО
Пользуйся Google analitics  и метрикой яндекса(если рашен проект).   Визуальные счётчики не только дерьмово-не профессионально смотрятся на сайте, так ещё и разбазаривают вес Страницы, А Так кАк они ещё и подгружаются на все страницы, то это вообще получается сквозная ссылка.

Может там просто убрать <p></p> у счетчика от маил.ру

не прокатит 100%

http://www.sequels.ru/templates/sequelstemplate/css/template.css   строка 2076 добавить

div.seq-footer img {
    border-color: #4093E9;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0 15px;}

Если с таким кодом, то счетчики становятся в ряд, но смещаются к левому краю страницы, а мне нужно чтобы они отцентрироваными оставались.

{ display:inline }
можно попробовать так

А куда вставлять этот код? Можно поробнее

Если с таким кодом, то счетчики становятся в ряд, но смещаются к левому краю страницы, а мне нужно чтобы они отцентрироваными оставались.

Тогда действительно лучше новую позицию прописать в шаблоне. Дайте index.php шаблона - помогу сделать.

Вот мой файл, буду премного благодарен 

[вложение удалено Администратором]

качаем измененный файл

скачать

заменяем оригинальный этим - не забываем делать бэкап!

в стилях прописываем:

#count{text-align:center;}

и добавляем что раньше советовала

http://www.sequels.ru/templates/sequelstemplate/css/template.css   строка 2076 добавить

div.seq-footer img {
    border-color: #4093E9;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0 15px;}

и смотрим что получится...

качаем измененный файл

скачать

заменяем оригинальный этим - не забываем делать бэкап!

Скачал, заменил.

в стилях прописываем:

#count{text-align:center;}

Попробую догадаться... прописывать в любом месте этом же файле http://www.sequels.ru/templates/sequelstemplate/css/template.css ?

Если да, то прописал.

и добавляем что раньше советовала

http://www.sequels.ru/templates/sequelstemplate/css/template.css   строка 2076 добавить

и смотрим что получится...

Добавил... смотрите что получилось

т.е. по прежнему по левому краю счетчики.

Переписываем в стилях для

#count{
    margin: 0 auto;
    padding: 15px 0 0 60px;
    width: 300px;
}

Если когда вздумаете еще счетчик добавить - измените width: 300px; на побольше на ширину счетчика

Переписываем в стилях для

#count{
    margin: 0 auto;
    padding: 15px 0 0 60px;
    width: 300px;
}

Если когда вздумаете еще счетчик добавить - измените width: 300px; на побольше на ширину счетчика

Супер! Теперь все отлично, +1 от меня и спасибо за терпение!

Приятно повозиться с тем, кто этого хочет))) А то мне недавно сказали - в ваших советах не нуждаюсь))) сам умный))))

ихмо лучше бы display:inline; text-align:center; -- тогда не нужно изменять ширину в случае добавления/удаления счетчика

Может там просто убрать <p></p> у счетчика от маил.ру

Спасибо! ....нужно внимательно смотреть код, очень долго искал ответ, а он проще пареной репы (просто не обратил внимание на тег параграфа), убрал у всех счетчиков и они выстроились в линию. Ещё раз большое спасибо!

кто нибудь может помочь мне с решением такого же вопроса! а то что до меня не доходит я тоже в CSS не силен! !