Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Как для браузера safary 5.1.7 for windows опустить placeholder в textarea? - HTML, CSS /*общий*/ textarea::-webkit-input-placeholder { line-height :3; } <textarea rows="5"cols="40" name="message" class="form-control " id="message" placeholder ="Напишите свое сообщение"></textarea> https://www.cyberforum.ru/ html/ thread2124248.html 2 div расположенных вертикально HTML, CSS
Всем привет) Подскажите, как сделать так, чтобы div class="first" имел высоту 50px, а div class="second" имел высоту "высота экрана (пк, планшета, смартфона) минус 50px"? <div class="wrapper"> <div class="first"></div> <div class="second"></div> </div> CSS:
HTML, CSS Сверстать блок https://www.cyberforum.ru/ html/ thread2124225.html
Не давно начал осваивать верстку, пробую верстать первый макет. Дошел до такого блока и ломаю голову как его правильно сверстать, как его с позиционировать ? Предполагаю, что нужен общий див для всех четырех картинок и текстов Вопрос: как достигнуть расположения текста, так же как в макете? Картинка по идее должна быть по центру, а также отступы между 4мя блоками 		HTML, CSS увеличение изображения при наведении на ссылку https://www.cyberforum.ru/ html/ thread2124119.html
Как можно осуществить наложение маленькой картинки на спрайт, чтобы при наведении картинка, которая больше(напримере фейсбука), отображалась по середине, а не смещалась вниз и чтобы элементы справа также не смещались относительно наведенной картинки. <div class="soc"></div> <a class="social-btn social-btn-fb" href="#">Фейсбук</a> <a class="social-btn social-btn-vk" href="#">Вконтакте</a>...
HTML, CSS Вертикальное выравнивание по центру для 2-ух строчного заголовка
Как можно сделать так, чтобы если заголовок состоит из 1 строки, то он выравнивался по вертикали по центру, а если он состоит из 2-ух и более строк, то нужно чтобы выводилось только 2 строки и проставлялось многоточие("...") ?? <div class="card" > <a class="card__title" title="{{ event.attributes.subject }}" =""> {{ event.attributes.subject }} </a> <p... 		HTML, CSS Не работает hover для ячейки flexbox Добрый день, второй день не могу настроить появление текста при наведении на одну из ячеек flexbox. Грубо говоря, оно не срабатывает даже при наведении на сам контейнер флексбокса. По логике должно работать. <div class="flex-container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> https://www.cyberforum.ru/ html/ thread2124040.html
HTML, CSS Как в firefox опустить placeholder? operagood firefox /*firefox*/ @-moz-document url-prefix() { textarea::-webkit-input-placeholder { padding-top:10px; https://www.cyberforum.ru/ html/ thread2123960.html HTML, CSS Bootstrap в CSS?
Ребят, подскажите пожалуйста, получил задание по WP, один из пунктов: В custom-style.css написать bootstrap-like сетку .container, .row, .col-*. С wp у меня опыт совсем небольшой, но я был уверен, что ".container, .row, .col-*" пишется только в html файле, как это нужно писать в css?
HTML, CSS Блок div в высоту контейнера https://www.cyberforum.ru/ html/ thread2123883.html
Здравствуйте. Ломаю голову. Как сделать что бы блок менюшки, растягивался при скроллинге в высоту блока с контентом. Например как тут: http://3wf.ru/ (серая менюка слева) (не реклама!!!) Применяю height: 100%; - но блок растягивается только в высоту экрана. Нужно что бы блок был min-height: 100%; (во всю высоту экрана, и растягивался при скролле, если в блоке с контентом много информации) ... 		HTML, CSS Белая полоса сбоку экрана на мобильных устройствах https://www.cyberforum.ru/ html/ thread2123797.html
Не могу понять из-за чего берется белая полоска, с правой стороны сайта под мобильную ориентацию. http://bitrixfree.zzz.com.ua/ В роди, никакой блок не вылазит за черты. Подскажите пожалуйста
HTML, CSS Как сделать прозрачный backgrond, не влияя при этом на контент?
Доброго времени суток! На своём сайте, я хочу сделать полупрозрачный background. Однако, если написать opacity, то прозрачным становится не только фон, но и контент, то есть текст, картинки, и прочее. Как сделать так, чтобы фон был полупрозрачным, а контенкт оставался обычным? Я пробовал создавать разные div'ы, однаком играя с ними я никчему не пришел. 		HTML, CSS Анимация для слайдера https://www.cyberforum.ru/ html/ thread2123759.html
https://codepen.io/Keppler/pen/gXWWOP Сабж. Можно ли прицепить анимацию для моего слайдера? <html> <head> </head> <body> <div class = 'slider'>
0 / 0 / 0
Регистрация: 10.11.2017
Сообщений: 17
18.11.2017, 22:30  [ТС] 0

Фиксированное меню/шапка/блочный элемент - HTML, CSS - Ответ 11724544

18.11.2017, 22:30. Показов 1863. Ответов 5
Метки (Все метки)

Ответ

Спасибо всем. Вложила меню в фиксированный контейнер заданной ширины.
shvyrevvg, центрировать блок или содкржимое опцией margin: 0 auto; не получается. Я использовала комбинацию: left: 50%; transform: translateX(-50%);
Вот так получилось:
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0; }
.container{
 width: 1000px;
 margin: 0 auto;
}
 #nav{ 
position: fixed;   
top: 0; 
left: 50%;
transform: translateX(-50%); 
}    
.navbar {   
  overflow: hidden;
  background-color: #333; 
  width: 100%;
}
 
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
 
.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}
</style>
</head>
<body>
<div id="nav" class="container">
    <div class="navbar">
      <a href="#home">Home</a>
      <a href="#news">News</a>
      <a href="#contact">Contact</a>
    </div>
</div>
 
<div class="container">
    <div class="main">
      <h1>Fixed Top Menu</h1>
      <h2>Scroll this page to see the effect</h2>
    </div>
</div>
</body>
</html>


Вернуться к обсуждению:
Фиксированное меню/шапка/блочный элемент HTML, CSS
0
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 18.11.2017, 22:30
Готовые ответы и решения:

Фиксированное меню
Всем, доброго времени суток. Столкнулся с такой проблемой, при попытке изменить положения меню,...

Фиксированное меню
Доброе время суток! Это мой первый опыт в разработке сайтов, можете, пожалуйста, подсказать: как...

Фиксированное меню съезжает
Фиксированное меню с кнопками съезжает при выводе новостей, может кто помочь? Скрин &lt;!DOCTYPE...

Фиксированное меню в CSS
Здравствуйте. Знаний CSS нет. Делаю сайт в онлайн системе создания сайтов. Unbounce.com ...

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

Сделать фиксированное меню
в хроме тут https://stopskvoz.ru/ прилипающее меню пропадает а тут https://stopskvoz.ru/about.html...

Фиксированное меню навигации
Доброго времени суток! У меня сбоку есть блок фиксированной ширины, в нем элементы header и footer....

Прокручиваемое фиксированное меню
Здравствуйте, не могу понять как сделать прокручиваемое фиксированное меню, так как оно на...

Фиксированное горизонт. меню
Всем доброго дня! Сделал сайт с помощью бутстрапа http://silkhair.in.ua/. Возникла следующая...

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