Разделить блок на две части

17.01.2014, 19:43. Показов 8010. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
        <aside class="right-sidebar">
            <div class="right-sidebar-padding">
               <div class="right-sidebar-navigator">Навигатор</div>
                 <div class="sidebar_right">
                    <a href="http://localhost/test/ox/" class="post_navigator">ox</a>
                 </div>  
<!--Тут должен быть разрыв между ними , падиинг 10пх или 20, но чтобы каждый в своём блоке был  --!>
                 <div class="right-sidebar-navigator">Кнопки</div>
                 <div class="sidebar_right">
                    <a href="http://localhost/test/g/" class="post_navigator">Gew</a>
                 </div>   
            </div>
        </aside><!-- .right-sidebar -->

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
.right-sidebar {
    float: left;
    width: 240px;
    margin-top: 10px;
    margin-left: -250px;
    position: relative;
    background: #f0f0e7;
    font-family: tahoma, arial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.right-sidebar-padding {
    padding: 10px;
    color: #999999;
    margin-bottom: 20px;
    font-size: 12px;
    letter-spacing: -1px;
    font-family: Verdana, sans-serif;
}
 
.right-sidebar-navigator {
    color: #999999;
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: -1px;
    font-family: Verdana, sans-serif;
}
 
.sidebar_right {
    margin-bottom: 5px;
    clear: both;
    line-height: 18px;
    text-align: left;
}
 
.post_navigator {
    color: #666;
}

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

17.01.2014, 19:43

Ответы с готовыми решениями:

HTML + CSS Разделить сайт на две части
Здравствуйте, в html и css я не очень силён. У меня не получается сделать два столбика на сайте.Код <!DOCTYPE html> ...

Разделить блок на 4 части
Хочу разделить на 4 области, две области margin суммируется и отступ идет двойной. <div id="Middle_LeftContentBig">...

Разделить горизонтальный блок на три части
Уже который час не могу разобраться, как можно разделить горизонтальный блокна три части в .css вот что мею на данный момент, был бы не...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

17.01.2014, 19:43

Помогаю со студенческими работами здесь

Разделить страницу на 4 части
Как разделить страницу на 4 части так что бы по середине то бы был блок Что бы эти все блоки были масштабируемые

Разделить сайт на 4 части
Добрый день! Подскажите, пожалуйста, с CSS, как правильно разбить сайт на 4 части. Должно получится, что сайт разделен по центру на...

Разделить div на 3 равные части
Приветствую. Интересоваться вёрсткой начал около 2-ух недель назад. Пока-что всё получается, за исключение одного — правильно разделить...

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

Не получается разделить страницу на 2 активные части
Прошу помочь: Задача следующая надо разделить страницу на 2 активных части (при нажатии переходим на нужную часть сайта). При этом в...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор под наименованию группы (на. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

Наверх