Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6

Добавление ссылок в оболочку margin

20.09.2016, 14:21. Показов 1526. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! Требуется ваша помощь, уважаемые программисты.

Хочу добавить в оболочку margin (см. рис. 1) небольшой блок ссылок (см. рис. 2)

Прошу вашей помощи!
Миниатюры
Добавление ссылок в оболочку margin   Добавление ссылок в оболочку margin  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.09.2016, 14:21
Ответы с готовыми решениями:

Margin тянет за собой блок оболочку
делая блоку margin-top он отступает не от родительского блока, а родительский блок отступает от предыдущего.....не знаю что делать вот...

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check > span{ -webkit-transition: all ease-in-out 0.1s; -o-transition:...

Margin-top и margin-bottom в ie6 не работает
#news1 > p { margin-top:15px; margin-bottom:15px; } пробовал ставить !important эффект один и тот же...(

12
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
20.09.2016, 15:47
а исходники есть у Вас?
0
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6
20.09.2016, 18:03  [ТС]
Resume, Исходники чего?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
20.09.2016, 18:10
knovosti, макет сайта Вам надо перестроить на двух колоночный, либо колонку расположить с помощью position:fixed или absolute...
0
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6
20.09.2016, 18:26  [ТС]
Fedor92, Как это сделать не подскажете?

Добавлено через 5 минут
Resume,
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php get_header(); ?>
<div class="mh-section mh-group">
    <div id="main-content" class="mh-loop">
        <a href="http://smaragd.ks.ua/"><img src="http://www.kn.ks.ua/wp-content/uploads/2016/09/1468324362_1467633904_3442323423333342.jpg" width="1500" alt="Реклама"><br></a>
        <?php mh_newsdesk_lite_before_page_content(); ?>
        <?php mh_newsdesk_lite_page_title(); ?>
        <?php if (is_home() && $paged < 2 || is_category() && $paged < 2) { ?>
            <?php get_template_part('content', 'news'); ?>
        <?php } else { ?>
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <?php get_template_part('content'); ?>
                <?php endwhile; ?>
                <?php mh_newsdesk_lite_pagination(); ?>
            <?php else : ?>
                <?php get_template_part('content', 'none'); ?>
            <?php endif; ?>
        <?php } ?> 
    </div>
    <?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
20.09.2016, 18:40
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Цитата Сообщение от knovosti Посмотреть сообщение
Fedor92, Как это сделать не подскажете?
Чего ж не подсказать? Я лучше пример сделаю... Двухколоночный макет:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    *{box-sizing:border-box; margin: 0; padding: 0}
    html, body{width: 100%; height: 100%}
    .wrapper{width: 60%; height: 100%; margin:0 auto; overflow:hidden; border:1px solid blue}
    .left{float:left; width: 30%; height: inherit; background: red}
    .content{float:left; width: 70%; height:inherit; background: blue}
    </style>
</head>
<body>
<div class="wrapper">
    <div class="left"></div>
    <div class="content"></div>
</div>
</body>
</html>
Фиксированный блок:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    *{box-sizing:border-box; margin: 0; padding: 0}
    html, body{width: 100%; height: 100%}
    .wrapper{width: 50%; height: 100%; margin:0 auto}
    .left{position:fixed; left:10%; width: 15%; height: inherit; background: red}
    .content{width: 100%; height:inherit; background: blue}
    </style>
</head>
<body>
<div class="left"></div>
<div class="wrapper">
    <div class="content"></div>
</div>
</body>
</html>
Пилите... Во-втором способе, если не хотите, чтобы блок ездил с бегунком, замените fixed на absolute
0
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6
20.09.2016, 19:19  [ТС]
Как я могу отблагодарить ваш форум и в частности вас?
И еще один момент: С помощью вашего скрипта я смогу разместить виджет "Последние записи" в левой боковой колонке? Использую CMS WordPress.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
20.09.2016, 19:33
Цитата Сообщение от knovosti Посмотреть сообщение
И еще один момент: С помощью вашего скрипта я смогу разместить виджет "Последние записи" в левой боковой колонке? Использую CMS WordPress
Сможете, если грамотно переделать макет... А о каком скрипте речь?
0
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6
20.09.2016, 19:55  [ТС]
Прошу прощения. Не скрипт, а ваш код который вы скинули. Я не очень продвинутый программист и мне потребуется ваша помощь в корректировке моего макета. Я так понимаю его нужно вставить в index.php ?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
20.09.2016, 20:00
Цитата Сообщение от knovosti Посмотреть сообщение
Я не очень продвинутый программист и мне потребуется ваша помощь в корректировке моего макета. Я так понимаю его нужно вставить в index.php ?
Да, Вы правильно поняли, лучше использовать первый вариант и делать двухколоночный макет...
0
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
20.09.2016, 20:01
В index.php точно ничего добавлять не надо.
0
0 / 0 / 0
Регистрация: 20.09.2016
Сообщений: 6
20.09.2016, 20:34  [ТС]
Fedor92, Подскажите пожалуйста код, исходя из предоставленного мною исходника.

Добавлено через 46 секунд
Resume, А как по вашему мнению реализовать мою задумку?

Добавлено через 21 минуту
Fedor92, kn.ks.ua
Как мне добавить эти ссылки в колонку слева не меняя дизайн сайта?
0
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
20.09.2016, 20:48
Если у вас используется тема, то в index.php не нужно писать, потому что во многих темах я замечал, что подобный код, который предложил Вам Fedor92, вставляется в определенный файл. например, если вы хотите добавить в шапку, то его добавляют header.php, если в футер, то - footer.php. Тут нужно смотреть, куда именно вы хотите разместить его. Это мое мнение. Я уверен, что гуру форума и в частности Fedor92 подскажут Вам. Если в итоге я буду не прав, то извиняйте
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
20.09.2016, 20:48
Помогаю со студенческими работами здесь

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
&lt;div style=&quot;margin-left: 100px&quot;&gt; &lt;div style=&quot;margin: 0 auto;&quot;&gt;&lt;a href=&quot;&quot; class=&quot;pageButton&quot;&gt;1&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; В первом диве...

Слайдер CSS3 без JS, добавление ссылок
Хочу поставить на страницу такой CSS слайдер, т.к. не знаю JavaScript - CSS3 image slider with stylized thumbnails Код тут:...

Добавление ссылок на картинки без ссылок
Здравствуйте. На форуме вставляются картинки любого размера, и что бы они не растягивались за оверлей они автоматически ставятся в размер...

Добавление ссылок в RichTextBox
Всем привет! Реально ли добавить в текст ссылки с каким-либо идентификатором на какое-нибудь слово, чтобы можно было при нажатии на это...

Добавление ссылок на страницу
занес файл(в txt формате, там у меня находятся ссылки)в массив и хочу и вывести на страницу в .txt файле: xxxxx.ru xxxxx.ru ...


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

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
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),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru