С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 05.06.2016
Сообщений: 4
1

Не задаются настройки для правого блока

05.06.2016, 00:26. Показов 1019. Ответов 7
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Имеется вот такой css:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#content_left {
    float:left;;
    width:400px;  }
 
 
#content_right {
    float:right;;
    width:400px;  }
 
 
    
.base_left{
    float:left;
    width:90%;
    margin-left:25px;
    margin-top:25px;
    margin-bottom:20px; }
 
 
.base_right{
    float:right;
    clear:right;;
    margin-left:25px;
    margin-top:25px;
    width:400px;      }
И во такой html:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div id="content_left">
 
<div class="base_left">Текст текст<br />
Текст текст</div>
<div class="base_left"><div class="poloska_left"><div class="text-center"><font color="#FFFFFF"><b> ПРОГРАММЫ</b></font></div></div><br />
Текст текст<br />
Текст текст
</div>
 
<div class="base_left"><div class="poloska_left"><div class="text-center"><font color="#FFFFFF"><b> ОБУЧЕНИЕ</b></font></div></div><br />
Текст текст<br />
Текст текст
</div>
 
<div class="base_left"><div class="poloska_left"><div class="text-center"><font color="#FFFFFF"><b> ОПЫТ РАБОТЫ</b></font></div></div><br />
Текст текст<br />
Текст текст
</div>
 
</div>
 
<div id="content_right">
<div class="base_rignt">Текст текст<br />
Текст текст</div>
<div class="base_rignt">Текст текст<br />
Текст текст</div>
<div class="base_rignt">Текст текст<br />
Текст текст</div>
<div class="base_rignt">Текст текст<br />
Текст текст</div>
<div class="base_rignt">Текст текст<br />
Текст текст</div>
</div>
Но на выходе получается вот так - ни отступы, ни границы, ничего. Подскажите, что делаю не так :с
Миниатюры
Не задаются настройки для правого блока  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.06.2016, 00:26
Ответы с готовыми решениями:

Высота правого блока по левому
Высота прпавого блока относительно левого, через свойство display:flex; Трудность в том, что в...

Ширина правого блока в процентах, левого по остатку
&lt;div&gt; &lt;div class='left'&gt;&lt;/div&gt; &lt;ul class='right'&gt;&lt;/ul&gt; &lt;/div&gt; Как сделать так,...

Как увеличить размер правого блока? (Первый контейнер)
Доброго времени суток. Подскажите пожалуйста как увеличить размер правого блока? (Первый...

Почему при копировании html-файла у меня сбиваются настройки блока?
У меня возникла такая проблема: в оригинальном html-файле расположение блоков настроено, а когда...

7
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 01:06 2
На скрине это как должно быть?
0
0 / 0 / 0
Регистрация: 05.06.2016
Сообщений: 4
05.06.2016, 01:07  [ТС] 3
Скрин из дримвивера, поэтому такие поля ) да, должно быть как слева.
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 01:13 4
Не вижу стилей для .poloska_left
0
0 / 0 / 0
Регистрация: 05.06.2016
Сообщений: 4
05.06.2016, 01:20  [ТС] 5
CSS
1
2
3
4
5
6
7
8
9
10
.poloska_right {
    width:344px;
    height:23px;
    background-image:url(POLOSA-RIGHT.gif)}
    
 
.poloska_left {
    width:344px;
    height:23px;
    background-image:url(POLOSA-LEFT.gif)}
П.с. Правая полоса такая же, только повернутая
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 01:22 6
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

В тегах указан класс base_rignt, а стили для base_right
0
0 / 0 / 0
Регистрация: 05.06.2016
Сообщений: 4
05.06.2016, 01:27  [ТС] 7
Черт, просто эпическая ошибка : D Большое спасибо за помощь )
0
mrtoxas
05.06.2016, 01:31     Не задаются настройки для правого блока
  #8

Не по теме:


Все на флоатах и <font color="#FFFFFF"> в HTML - это DreamWeaver создает такое?

0
05.06.2016, 01:31
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.06.2016, 01:31
Помогаю со студенческими работами здесь

Как перенести все настройки сайта (тему, настройки, плагины, настройки) на другой сайт и домен?
Как перенести все настройки сайта (тему, настройки, плагины, настройки) на другой сайт и домен....

Установить размер для блока :before такой же, как у блока которому прописывается псевдоэлемент
Суть в том, что мне нужно сделать так, чтобы блок ::before проходил через середину блока .number и...

Поменять местами минимальный элемент правого верхнего и максимальный элемент правого
Задана матрица U(M,N) состоящая с k строк l столбцов,где 2&lt;l&lt;n-1, 2&lt;l&lt;m-1 делят его на 4...

Блока питания для конкретной сборки системного блока
Доброго времени суток. Подскажите, пожалуйста, можно ли использовать (правильней сказать -...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru