Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Помогите с DIV-вами на адаптивном сайте, нужно добавить колонку
comopt  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 4
Пользователь №: 43268
На форуме: 3 месяца, 15 дней
Карма:




Здравствуйте!
Помогите пожалуйста, сразу скажу что с дивами и каскадными таблицами стилей дружу не очень!
на сайте carbon-ug.ru хочу добавить справа колонку (столбец), примерно 30% от основного текста. Но самое главное! так как сайт адаптивный для мобильных устройств, чтоб на мобильной версии (или если сузить окно браузера) "новая колонка" перемещалась под основной текст.
Чтоб в итоге было так:
user posted image

Это сообщение отредактировал comopt - 17.08.2016 - 14:43


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
comopt  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 4
Пользователь №: 43268
На форуме: 3 месяца, 15 дней
Карма:




user posted image


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Аццкая хрень
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5475
Пользователь №: 32538
На форуме: 4 года, 6 месяцев, 6 дней
Карма: 49




comopt
покури про float (в css)


--------------------
Правда тоже ложь, но с иным углом.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
comopt  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 4
Пользователь №: 43268
На форуме: 3 месяца, 15 дней
Карма:




css3 для меня темный лес


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Аццкая хрень
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5475
Пользователь №: 32538
На форуме: 4 года, 6 месяцев, 6 дней
Карма: 49




comopt
float - css 2) оно даже еще с css 1 идет)


--------------------
Правда тоже ложь, но с иным углом.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
comopt  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 4
Пользователь №: 43268
На форуме: 3 месяца, 15 дней
Карма:




посмотрел свою таблицу стилей и понял что я, ничего не понимаю )))
Не могли бы Вы помочь примерно так:
<div id= .....>
<div class= .....>Новая колонка
</ ......


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
miketomlin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 27
Пользователь №: 43211
На форуме: 4 месяца, 2 дня
Карма:




comopt
Изучите ваш main.css, там есть полноценная сетка.

Принцип обычно такой: при помощи классов для одного разрешения устанавливаете соотношение между блоками к примеру 9-3, а для др. 12-12 (сетка 12-колончатая, насколько понял).

Это сообщение отредактировал miketomlin - 17.08.2016 - 18:02
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
miketomlin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 27
Пользователь №: 43211
На форуме: 4 месяца, 2 дня
Карма:




А не было в шаблоне примера с несколькими колонками?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Аццкая хрень
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5475
Пользователь №: 32538
На форуме: 4 года, 6 месяцев, 6 дней
Карма: 49




comopt
могу посоветовать изучить на базовом уровне бутстрап и его колоночную систему.Там все достаточно просто. И адаптивно по-умолчанию


--------------------
Правда тоже ложь, но с иным углом.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Bezdna  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Мимо проходил
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1376
Пользователь №: 16492
На форуме: 7 лет, 11 месяцев, 3 дня
Карма: 17




Похоже, что админка при наполнении контентом поддерживает HTML, поэтому, думаю, проще разделить страницу именно там:

	
<div>
<div
style = "width:70%;float:left;">
<p>
Предприятие ООО «КАРБОН ЮГ» работает уже много лет в сфере поставок сырья для химической,
литейной промышленности, успело доказать свою приверженность высоким стандартам, сырье соответствует всем стандартам качества.
С 2015 года налажено производство углеродосодержащих материалов (графит измельченный, дробленный), графитовых лопаток.
Поставки производятся максимально оперативно, будут строго исполнены обязательства заранее оговоренных сроков.
Мы нацелены на долгосрочное сотрудничество.
И если у Вас одноразовый небольшой заказ, мы выполним максимально добросовестно.
По какие-либо вопросы, касающиеся ассортимента, свойств сырья, материалов, оформления заказа или технологий производства, то обязательно задавайте их сотрудникам.
Отгрузку можно осуществить любым подходящим для решения задачи транспортом.</p>
</div>
<div
style = "width:30%;float:left;"><p>
Основное направление:</br>
</br>

Графит МПГ-7 (производства России, Германии, Японии)</br>
<a
href="lg">Лопатки графитовые</a></br>
Графит измельченный, Литейный графит, Искусственный графит</br>
Графит ГЛ, графит серебристый</br>
Антифрикционный графит Химанит-Т (Н)</br>
Лопатки графитовые для насосов и компрессоров</br>
Изготавливаем изделия из графита</br>
Флюсы сварочные</br>
</p>
<p>

Отгрузка осуществляется со склада в г. Ростове-на-Дону и официальных представителей, любым видом транспорта.
</p>
</div>
</div>

PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса