Разместить модули в позиции foot горизонтально

  • 8 Ответов
  • 2676 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

mustsee

  • Новичок
  • *
  • 3
  • 0
Добрый день. Подскажите пожалуйста. Достался готовый шаблон, размещаю модулю с произвольным HTML (счетчики) в позиции foot.
Модули добавляются... но один под другим (вертикально). Хотелось бы разместить их (модули) по горизонтали. Есть код из style.css шаблона:
#footer {
    margin:0 auto;
    padding:35px 17px 9px;
    width:964px;
    height:20px;
    font-size:11px;
    color:#fff;
    text-align:center;
    clear:both;
    background:transparent url('../images/footer.gif') no-repeat;
    }
    #footer a {
        color:#fff;
        text-decoration:none;
        }
        #footer a:hover {
            text-decoration:underline;
            text-decoration:#edd284 dotted underline;
            }
    #footer .creator {
        text-indent:-9999px;
        color:#f00;
        }
#foot {
    width:998px;
    margin:0 auto;
    height:64px;
    text-indent:-9999px;
    clear:both;
    }

*

assaru

  • Завсегдатай
  • *****
  • 776
  • 87
Каждый счетчик отдельным модулем? Да Вы батенька мазохист :) Все счетчики в один модуль можно запихнуть, а там хоть div-ами, хоть таблицей, как удобнее.
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody

*

mustsee

  • Новичок
  • *
  • 3
  • 0
Пробовал в один модуль. Но все равно размещаются вертикально. Вот и подумал, что придется ковырять...
А как сделать с помощью таблицы? Или как проще? (таблица или div)

*

assaru

  • Завсегдатай
  • *****
  • 776
  • 87
Код
<table>
<tr>
<td>счетчик</td>
<td>счетчик</td>
...
<td>счетчик</td>
</tr>
</table>
Код
<div style="float: left;">счетчик</div>
<div style="float: left;">счетчик</div>
...
<div style="float: left;">счетчик</div>
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody

*

mustsee

  • Новичок
  • *
  • 3
  • 0
Это все должно быть в модуле?

*

assaru

  • Завсегдатай
  • *****
  • 776
  • 87
размещаю модулю с произвольным HTML (счетчики) в позиции foot.
в одном модуле.
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody

*

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Столкнулся с той же проблемой...
Идею, описанную в предложенном решении понял, но прошу уточнить пару моментов:
Цитировать
<table>
<tr>
<td>счетчик</td>
<td>счетчик</td>
...
<td>счетчик</td>
</tr>
</table>
Правильно ли я понимаю, что здесь "счетчик" заменяется кодом самого счетчика? Конечно же нет! Сорри, очень давно не занимался сайтом, приходится вспоминать азы....
Цитировать
<div style="float: left;">счетчик</div>
<div style="float: left;">счетчик</div>
...
<div style="float: left;">счетчик</div>
А это уже код в css-файле? Как найти файл, относящийся к конкретной позиции модуля?
ps Версия Joomla! - 3.4.1, просто эту тему нашел Яндексом. Не стал создавать новую...
« Последнее редактирование: 29.03.2015, 11:57:09 от AlexP750 »

*

assaru

  • Завсегдатай
  • *****
  • 776
  • 87
Столкнулся с той же проблемой...
Идею, описанную в предложенном решении понял, но прошу уточнить пару моментов:Правильно ли я понимаю, что здесь "счетчик" заменяется кодом самого счетчика? Конечно же нет! Сорри, очень давно не занимался сайтом, приходится вспоминать азы....А это уже код в css-файле? Как найти файл, относящийся к конкретной позиции модуля?
ps Версия Joomla! - 3.4.1, просто эту тему нашел Яндексом. Не стал создавать новую...

очень давно видимо не занимались... если HTML от CSS отличить не можете. Предлагаю вспомнить азы.
PS От версии Joomla не зависит, зависит от используемого шаблона.
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody

*

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Предлагаю вспомнить азы.
Уже начал :)

UP
И сделал. Причем, без использования CSS, ибо мне вполне хватило штатного выравнивания по левому краю. Единственное, что я изменил - сделал столбцы чуть шире.
« Последнее редактирование: 05.04.2015, 11:20:08 от AlexP750 »