Как изменить ориентацию текста в Подвале Добавил в…

Как изменить ориентацию текста в Подвале?
Добавил в Подвал счетчик Liveinternet в виде стрелки в квадрате. Кроме этого счетчика у меня там есть еще и текст, который прижат к левому краю. Как можно, не трогая текст, прижать счетчик к правому краю?

Kvanto
Оцените автора
Добавить комментарий

  1. Alexx

    Разбить их на два дива с прописанными размерами. Диву с текстом задать параметр float: left, а диву со счетчиком float: right.

    Ответить
    1. Kvanto автор

      Попытался, но что-то не получилось. Описалово дивов с параметрами вылезло текстом на странице.
      Да и ширину я не хочу прописывать, потому что тема резиновая.
      Есть какой-то альтернативный вариант? Вообще, делается это для сайта auto-travel.me

      Ответить
      1. Alexx

        Так надо правильно код писать, тогда ничего не вылезет. В вашем случае наверное нужно закрывать теги
        Ширина дива внутри футера не повлияет на ширину сайта.

        Ответить
        1. Alexx
          текст
           код счетчика

          Размеры и флоаты задаются в CSS

          Ответить
        2. Alexx

          Короче не могу вставить код в комментарий, парсер все съедает =\

          Ответить
  2. Kvanto автор

    Ну, вроде получилось. Но подвали сузился до ширины колонки с текстом, а под виджетами пустота.
    Плюс, логотип счетчика вжался в верхний левый угол своего дива и никак не хочет от него отлипать. Попробовал скопировать все параметры (кроме флоата) основного дива. Эффекта ноль.

    Ответить
    1. Alexx

      Значит снова что-то неправильно с текстом. В CSS существуют отступы от краев блоков, это margin и padding.

      Ответить
      1. Alexx

        В шапке сайта блог с логотипом и блок поиска по тому же принципу установлены.

        Ответить
  3. Kvanto автор

    Короче, пофиг.
    Ужал логотип до 1х1 пикселя и в качестве пунктуационной точки вставил в основной текст футера. Надеюсь, будет работать.

    Ответить
  4. <div style="block">
      <div style="display:inline-block;float:left;">текст</div>
      <div style="display:inline-block;float:right;">коды счетчиков</div>
    </div>
    
    Ответить