Новости Joomla

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

Zoblin

  • Захожу иногда
  • 73
  • 0 / 0
В CSS слабоват, максимум на что знаний хватило - оформить отступы и правильно расположить модуль, а вот с другой задачей бьюсь уже сутки и не получается. Задача - расположить по горизонтали друг за другом кнопку соцсетей и модуль поиска в шапке сайта.  Создал там место для модуля, создал правило в CSS...Но что ни делал в CSS - все равно они становятся по вертикали, а Поиск занимает все доступное пространство модуля.

Вот правило, вроде display: inline; написал - а все равно в линию не встает...

#poisk {
       
   position: absolute;
        display: inline;
   height: 250px;
   width: 350px;
   overflow: hidden;
   left: 540px;
   top: 30px;
}
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
.module {float:left;}
где module - общий класс всех выставляемых в линию блоков. Всё.
*

Zoblin

  • Захожу иногда
  • 73
  • 0 / 0
не совсем понял....как точно прописать если мой модуль poisk? 
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Вам нужно расположить блоки горизонтально. Т.е. их как минимум два, как я понял. Логичнее всего дать им общий класс и просто снести флоатом. Но можно и тупо для каждого прописать:
Код
#poisk {float:left;}
#menu {float:left;}
#tretiy_module {float:left;}
Причём, из приведённого вами выше кода...
Код
position: absolute; - не надо
display: inline; - не надо
height: 250px;
width: 350px;
overflow: hidden; - тоже лишнее
left: 540px;
top: 30px;
*

Zoblin

  • Захожу иногда
  • 73
  • 0 / 0
Не получилось....может что сделал не так?
Там одна позиция для модуля. Туда устанавливаю два модуля - один Поделиться от Яндекса, другой - форма поиска. Первому присваиваю -poisk1 второму -poisk
В CSS прописываю:

#poisk {
       
       float:left;
   height: 250px;
   width: 350px;
        float:left;
   left: 540px;
   top: 30px;

}

#poisk1 {float:left;}




п
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
*

Zoblin

  • Захожу иногда
  • 73
  • 0 / 0
задайте ширину
Код: css
#poisk1 {
float:left;
width:200px;
}
и это не помогло...загадка...
*

Ahmedhanjik

  • Захожу иногда
  • 107
  • 1 / 1
  • LEGION
Здравствуйте! Решил в стандартном шаблоне rhuk_milkyway в позиции footer, поставить по горизонтали несколько модулей: "Собственный HTML"
Сделал так как говорилось выше, но не помогло! (
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться