HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Не открывается модальное окно по-хорошему
Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
0 votes4 answers -
Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта
Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …
0 votes1 answer -
Что такое SVG и с чем его едят
Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так
0 votes4 answers -
Ссылки и почее
Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать
0 votes16 answers -
Проблема приоритетности селекторов в css
Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM
0 votes9 answers -
Блочный внутри блочного
Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?
0 votes2 answers -
Можно ли применить стиль к родительскому блоку?
есть код вида: <p><img....></p>картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно. можно ли применить стиль только к тегу P после которого идет IMG? наоборот знаю, можно: p img {} а нужно наоборот. если да, то как?
0 votes9 answers -
Трансформация блока
Здравствуйте. Нужна консультация, как правильно скрутить блок под Bootstrap Разбирал примеры с использованием transform, так же хотел сделать через псевдоэлемент, скрывая border-bottom. transform: skew:after
0 votes2 answers -
Не работает выравнивание картинки по горизонтали
Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!
0 votes3 answers -
Проблема с блоками <div>
Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …
0 votes2 answers -
Верстка фигуры
Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!
0 votes19 answers -
Overflow в flexbox с центрированием
Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?
0 votes5 answers -
Слайдер
Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc
0 votes10 answers -
Проблема с переходом на другую страницу по кнопке
Есть код: <a class="order" href="http://мойсайт.ру/uslugi">Подробнее</a>по нажатию на "подробнее", должен открываться другая страница, но чтобы было красиво, сделал кнопку: .order {margin-top: 15px;width: 180px;height: 40px;display: block;background: #35a833;}.order:hover {background: #176fb7;И тут возникла проблема, если отключаю "order", то всё нормально работает и переходит, но стоит только включить обратно, переход перестаёт срабатывать. Т.е. при наведении на кнопку показывает, куда надо перейти, но при нажатии ни чего не происходит! Почему? Что не так? ((( Если сделать "якорь" на странице, то перемещение по странице работает.
0 votes5 answers -
Проблема с позиционированием
Уважаемые Гуру сайта htmlforum.ru помогите мне пожалуйста решить сложную проблему. Сверстал сайт, но потом увидел удивительную вещь, на разных экранах он отображается по разному. Шапку сайта я смог добить до такого состояния , что она отображается на всех экранах одинаково. Но вот проблема возникает с другими div'ами. Думаю не стоит выкладывать сюда исходники, вы и сами на них можете посмотреть http://instarocket.me/ При разрешении 1440x900 отображается всё нормально. а вот на других, уже сайт едет. Этот див, выделенный зеленным цветом, не могу поставить по середине под <hr>. Писал margin:0 auto; ничего не помогает.
0 votes3 answers -
Cайдбар съехал
Ребята,здравствуйте! Не могу понять почему у меня сайдбар съехал под сам блок контентом. Указал Float:left контенту, а float:right сайдбару, указал размеры блоков,всеравно не хочет подниматься наверх..Помогите, гуру верстки Вот Скрин
0 votes2 answers -
Нестандартный input
Всем привет. Народ, может кто сталкивался. Нужно сверстать нестандартный input, а именно вот такой: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/988639 Помогите пожалуйста, а то я уже голову сломал, ну не знаю как этот инпут на 2 части делить. ((
0 votes15 answers -
Вопрос по абсолютному позиционированию
http://codepen.io/anon/pen/LpgeVq?editors=110 Проблема в следующем. Первый абсолютно спозиционированный относительно body элемент располагается чуть ниже верха страницы. (Должен примыкать прямо к верху: top: 0 стоит.) Почему верхнее поле заголовка (body > h1) так влияет на него именно в body? Но этого не происходит в простом wrapper'е.
0 votes12 answers -
ключи для github
ребята, заметил, что с недавних пор на гитхабе уже стало не обязательно генерировать ключи. скажите пожалуйста, они теперь вообще не нужны или где-нибудь в системе всё таки хранятся? в ~/.ssh вроде нету ничего, а где ещё можно их поискать?
0 votes3 answers -
Оцентровка меню по внутренний блок
Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. http://oxvo.ru/ видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, блока. Собственно, вот кусок кода: #sideviewtoggle {display: none;}.no-menu-msg {color: #FFF;font-size: 16px;line-height: 20px;padding: 20px 40px;text-align: center;}.secondary-navigation {width: 100% !important;box-shadow: 0 1px 5px rgba(0,0,0,0.2);-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-ms-box-shadow: 0 1p…
0 votes4 answers -
Всплывающее окно
Здравствуйте! Подскажите, кто разбирается в jQuery: при отправке формы всплывает картинка. Все ок.. Но, что нужно поменять в коде, чтобы вместо картинки всплывало сообщение? Изначально такой код (копирую часть кода): <form class="contact" name="sentMessage" id="contactForm" action="contact_me.php" method="post" novalidate>....</form><div id="modal" style="display: none;"><img src="img/form-alert.png" /></div>Скрипт $.fancybox({ 'type' : 'image', 'href' : 'img/form-alert.png', 'padding' : 0 }); …
0 votes4 answers -
избежать конфликта адресов
помогите пожалуйста пинками разобраться в вопросе допустим, что я купил выделенный виртуальный сервер и решил выложить сайтики в web. какой минимум действий нужно для этого совершить? доупустм, я зашёл на свой сервер, поднял там apache(с модулем php), mysql. затем закинул сайты в определённый каталог. затем настроил конфиг апача так чтобы он смотрел в этот каталог. для экспериментов на локальном сервере этого хватало. проблема в том, что на локальном сервере я мог в ServerName использовать любые адреса(хоть google.com). но в web часть адресов занята. подскажите пожалуйста что ещё нужно установить и настроить чтобы избежать конфликтов адресов
0 votes2 answers -
Проблема маштабированния изображения
Добрый день, образовалась такая проблема. На сайте Kimwood.ru при добавлении нового товара миниатюра не маштабируется под общий размер. Как это подправить и где?
0 votes0 answers -
search-panel
Всем привет!Посоветуйте,как сделать вот такую панель поиска. http://prntscr.com/90px85 <div class="search-panel"> <form action="#" method="#"> <input type="text"> <button type="submit"> <i class="fa fa-search"></i></button> </form></div> Делаю так,не получается
0 votes5 answers -
Как сделать, чтобы ® было маленькое и сверху?
маленькое ® сверху справа, около товара как сделать в css? в html понятно <sup>®</sup> дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?
0 votes4 answers