Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Не получается задать картинку в качестве фонового изображения блока Подскажите почему я не могу задать картинку в качестве фона блока .block-1 {text-align: center; background-image:url(img/abs.jpg) center center no-repeat fixed;} https://www.cyberforum.ru/ html/ thread1836028.html Картинка на фоне самой себя HTML, CSS
Здравствуйте. Подскажите, как реализовать картинку на фоне самой себя, как в посте https://www.cyberforum.ru/post6813196.html, чтобы фон был адаптивным под разное расширение.
HTML, CSS Убрать белую полосу сбоку экрана на мобильных устройствах https://www.cyberforum.ru/ html/ thread1835923.html
На мобильниках с боку белая полоса , на пк все нормально , проверял на всех браузерах. Вот ссылка: http://montagerus.ru Один вопрос - одна отдельная тема!
HTML, CSS Разная шапка сайта при разном разрешении экрана Здравствуйте. tehreg.ru Как можно реализовать - Разная шапка сайта при разном разрешении экрана Дело в том, что на мобильных устройствах шапка сайта смещается, и получается непоймичто... Вложения 1 - Хочется, чтобы было так. Слева и справа - рисунки. Посередине - текст. При разрешении 1024*600 и больше - это выглядит нормально. https://www.cyberforum.ru/ html/ thread1835846.html
HTML, CSS Выделить левую границу элемента списка при наведении на него мыши
В макете разделы должны светится как в макете скрин прикрепляю. причем переход должен быть плавным--чтоб не скакало при переходе по разделам(как я и реализовал поставив свойство транзишн 2секунды) Пока что реализовал как на сайте, но подсвечивается только правая сторона: http://www.ross.ho.ua Мне не удается сделать чтоб раздел подсвечивался не только справа но и слева(скрин...
HTML, CSS Загрузить страницу в фрейм, которая вызвана из фрейма Есть такой типо сайт Список консолей - это <iframe>. Как вызвать страницу, при нажатии на картинку, чтобы она загрузилась в поле справа в тоже как <iframe>? https://www.cyberforum.ru/ html/ thread1835824.html
HTML, CSS Именование цветов в HTML, цветовые коды https://www.cyberforum.ru/ html/ thread1835781.html
Почему вот такие цвета не работают gray67 Вот ссылки на эти цвета http://www.color-hex.com/color-names.html http://www.farb-tabelle.de/ru/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2.htm
Изменение вона элемента при наведении курсора мыши HTML, CSS
Имеется макет шапки сайта где кнопки меню светятся голубым цветом при наведении. если с нуля делать такую шапку то у меня все получается. Но меня попросили переделать шаблон WordPress под макет,и там я столкнулся с такой проблемой,не могу в точности сделать подсветку кнопок и даже их размер. вот ссылка на сайт где я переделывал шаблон--там то и надо сделать кнопки...
HTML, CSS Убрать цвет подложки меню при использовании border-radius https://www.cyberforum.ru/ html/ thread1835671.html
Как устранить данный дефект выделил на фото видно что просвечивает задний фон в углу это выглядит не эстетично: <div id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contacts</a></li>
HTML, CSS Ошибка выполнения медиа запросов - таблицы разваливаются на некоторых размерах экрана Доброго времени суток, господа! Сижу вот уже до 3 часа ночи и не могу понять элементарного, просто хватаюсь за голову и не понимаю... В гугле не забанили, перерыл уже 100500 статтей, но так и не понял где ошыбка. Суть вопроса, делаю резиновую верстку с бутстрап, есть две таблицы сделанные ДИВами, при уменьшении окна браузера, да и через хром эмулятор при разрешении меньше 1200 и больше 992... https://www.cyberforum.ru/ html/ thread1835670.html
HTML, CSS Как реализовать page transitions
Наткнулся на демку с симпатичными анимироваными переходами страниц. Как можно такое реализовать, желательно с css без js и флеймворков? Или разные страницы это просто div'ы с трансформациями?
HTML, CSS Прижать блоки к верху В общем проблема наверно стара как сам css: Как прижать в такой ситуации блоки к верху, masonry не поможет потому что там всплывашки колапсы, а масонри делает блоки абсолютом. Как можно решить такую проблему ? https://www.cyberforum.ru/ html/ thread1835524.html
2 / 2 / 0
Регистрация: 07.04.2016
Сообщений: 277
0

Свойство margin при float - HTML, CSS - Ответ 9695931

27.10.2016, 17:16. Показов 2472. Ответов 3
Метки (Все метки)

Author24 — интернет-сервис помощи студентам
Почему если мы родительскому элементу придаем свойство float то margin-top работает в рамках родителя.
Если не задаем то margi-top будет работать для родительского:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div class="block1">
    <div class="block2"></div>
    <div class="block3"></div>
</div>
</body>
</html>
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
.block1{
    width:300px;
    height:400px;
    background-color:gainsboro;
    margin:50px 50px 50px 50px;
}
.block2{
    width:220px;
    height:160px;
    background-color:red;
    margin-top:100px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}
.block3{
    width:220px;
    height:160px;
    background-color:blue;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}
http://jsbin.com/likijusabu/edit?html,css,output

Вернуться к обсуждению:
Свойство margin при float HTML, CSS
0
Лучшие ответы (1)
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
27.10.2016, 17:16
Готовые ответы и решения:

Ошибка при создании трех колонок (float:left, float:right и margin:0 auto;)
3-й час бьюсь, но никак не могу понять, что не так делаю. почему оранжевый блок опускается? ...

Почему при указании float не работает margin
Почему при float не работает margin 0 auto

margin-left и float с min-width
Вот такая проблема. Вот код: &lt;div style=&quot;float: left; width: 20%; min-width: 100px; max-width:...

Разница между :float,margin,position
Доброго времени суток! Подскажите пожалуйста в чем разница и когда что использовать:...

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

Свойство column свойства margin
Есть свойства: p { column-count: 4; /*Количество колонок в многоколоночном тексте*/ ...

Свойство margin не срабатывает в FireFox
Что может быть, если свойство margin-right не срабатывает в Файр Фоксе? В Опере и Гугл Хроме все...

Не работает свойство Float
Делаю набросок своего первого сайта , но не могу понять почему не работает обтекание навигации под...

В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative
В каком случае рекомендуется использовать...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru