Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Выстроить в ряд HTML Содержимое


Recommended Posts

Подскажите где найти этот код чтобы задать дивам классы и прописать им inline-block, у меня 4 позиции которые я создал с помощью модуля HTML Содержимое , оно ествественно встает друг под друга.

Вот если что сайт - http://24cekc.ru/index.php?route=common/home

 

inline.png

Надіслати
Поділитися на інших сайтах


#content > div {
    float: left;
}

Добавьте div у класс
например так
<div class="my-block">
и замените в стилях соответственно
но а вообще лучше юзать бутстрап там всё просто классами можно сделать
col-sm col-md и т.д. со своими размерами
или используйте те модули что я вам дал
если для 2.3 нужно то вот (платный)

 

Надіслати
Поділитися на інших сайтах


<div class="row">

  <div class="col-sm-***">

 

getbootstrap.com

  • +1 1
Надіслати
Поділитися на інших сайтах

13 минут назад, AWARO сказал:

#content > div {
    float: left;
}

Добавьте div у класс
например так
<div class="my-block">
и замените в стилях соответственно
но а вообще лучше юзать бутстрап там всё просто классами можно сделать
col-sm col-md и т.д. со своими размерами
или используйте те модули что я вам дал
если для 2.3 нужно то вот (платный)

 

Не платные модули не нужны. Так где мне этот код найти чтобы задать классы?

Надіслати
Поділитися на інших сайтах


3 минуты назад, NavinGR сказал:

Не платные модули не нужны. Так где мне этот код найти чтобы задать классы?


тогда учится
http://bootstrap-3.ru/index.php

 

Цитата

Я верстал с помощью бутстрапа, но где сам код? в каком файле?

там где вы его добавляли
по кнопкам редактора - исходный код
 

и где тут использование бутстрапа?
0bf0a3607458491381d83ac9f5896ea6.png

Надіслати
Поділитися на інших сайтах


2 минуты назад, AWARO сказал:


тогда учится
http://bootstrap-3.ru/index.php

 

там где вы его добавляли
по кнопкам редактора - исходный код

добавлял не я, добавляла cms через админ панель

Надіслати
Поділитися на інших сайтах


3 минуты назад, NavinGR сказал:

Не платные модули не нужны. Так где мне этот код найти чтобы задать классы?

Кстати как сделать слайдер адаптивным так и не понял. Стандартный априори адаптируеться, этот же на всю ширину, ему приходиться задать max-width и после уже все, он не уменьшаеться(

Надіслати
Поділитися на інших сайтах


20 минут назад, AWARO сказал:

#content > div {
    float: left;
}

Добавьте div у класс
например так
<div class="my-block">
и замените в стилях соответственно
но а вообще лучше юзать бутстрап там всё просто классами можно сделать
col-sm col-md и т.д. со своими размерами
или используйте те модули что я вам дал
если для 2.3 нужно то вот (платный)

 

А хотя не, все адаптируеться, лагал браузер сори

Надіслати
Поділитися на інших сайтах


3 минуты назад, NavinGR сказал:

 

Воткните все 4 в один html модуль

Надіслати
Поділитися на інших сайтах


Только что, AWARO сказал:

Воткните все 4 в один html модуль

Не выходит, пробовал но мне же надо 4 картинки и 4 ссылки,там так нельзя.
Так есть где-то код этот чтоб туда просто дописать классы или бутстраповские классы? где этот файл? контент не то, в модулях искал тоже что-то не то

Надіслати
Поділитися на інших сайтах


25 минут назад, NavinGR сказал:

Не выходит, пробовал но мне же надо 4 картинки и 4 ссылки,там так нельзя.
Так есть где-то код этот чтоб туда просто дописать классы или бутстраповские классы? где этот файл? контент не то, в модулях искал тоже что-то не то

вы вообще чем вывели эти блоки в количестве 4х штук??
 

 

1 час назад, NavinGR сказал:

Подскажите где найти этот код чтобы задать дивам классы и прописать им inline-block, у меня 4 позиции которые я создал с помощью модуля HTML Содержимое ,

Вот туда добавьте все 4ре через исходный код редактора
da9f89011e894195b9f5f1b63c8919de.png

 

например вот так
 

<div class="row">
    <div class="col-sm-6 col-md-3">
      ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
</div>

 

Надіслати
Поділитися на інших сайтах


31 минуту назад, AWARO сказал:

вы вообще чем вывели эти блоки в количестве 4х штук??
 

 

Вот туда добавьте все 4ре через исходный код редактора
da9f89011e894195b9f5f1b63c8919de.png

 

например вот так
 


<div class="row">
    <div class="col-sm-6 col-md-3">
      ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
</div>

 

Я создал аж 4 (

Дополнения - Mozilla Firefox 2017-05-24 00.55.15.png

Надіслати
Поділитися на інших сайтах


36 минут назад, AWARO сказал:

вы вообще чем вывели эти блоки в количестве 4х штук??
 

 

Вот туда добавьте все 4ре через исходный код редактора
da9f89011e894195b9f5f1b63c8919de.png

 

например вот так
 


<div class="row">
    <div class="col-sm-6 col-md-3">
      ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
  <div class="col-sm-6 col-md-3">
    ВАШЕ СОДЕРЖИМОЕ
	</div>
</div>

 

Задаю через исходный код,сохраняю,смотри а код старый...

Надіслати
Поділитися на інших сайтах


12 минут назад, NavinGR сказал:

Задаю через исходный код,сохраняю,смотри а код старый...

перед сохранением переключайтесь с исходного кода обратно на редактор
нужно тыкнуть туда же на кнопку

ps
вот у вас тематика...только понял...

Надіслати
Поділитися на інших сайтах


22 минуты назад, AWARO сказал:

перед сохранением переключайтесь с исходного кода обратно на редактор
нужо тыкнуть тудаже на кнопку

ОГО! спасибо огромное, буду теперь знать как это делать!
 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.