HTML Coding

29542 questions in this forum

1. Вопрос по абсолютному позиционированию

   http://codepen.io/anon/pen/LpgeVq?editors=110 Проблема в следующем. Первый абсолютно спозиционированный относительно body элемент располагается чуть ниже верха страницы. (Должен примыкать прямо к верху: top: 0 стоит.) Почему верхнее поле заголовка (body > h1) так влияет на него именно в body? Но этого не происходит в простом wrapper'е.

   Asked by Igor Schnaider, November 8, 2015

   • верстка
   0 votes
   12 answers
2. Нестандартный input

   Всем привет. Народ, может кто сталкивался. Нужно сверстать нестандартный input, а именно вот такой: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/988639 Помогите пожалуйста, а то я уже голову сломал, ну не знаю как этот инпут на 2 части делить. ((

   Asked by fenix_63, November 8, 2015

   0 votes
   15 answers
3. Cайдбар съехал

   Ребята,здравствуйте! Не могу понять почему у меня сайдбар съехал под сам блок контентом. Указал Float:left контенту, а float:right сайдбару, указал размеры блоков,всеравно не хочет подниматься наверх..Помогите, гуру верстки Вот Скрин

   Asked by JumpSnoopy, November 8, 2015

   • #sidebar
   • float:left
   0 votes
   2 answers
4. Проблема с позиционированием

   Уважаемые Гуру сайта htmlforum.ru помогите мне пожалуйста решить сложную проблему. Сверстал сайт, но потом увидел удивительную вещь, на разных экранах он отображается по разному. Шапку сайта я смог добить до такого состояния , что она отображается на всех экранах одинаково. Но вот проблема возникает с другими div'ами. Думаю не стоит выкладывать сюда исходники, вы и сами на них можете посмотреть http://instarocket.me/ При разрешении 1440x900 отображается всё нормально. а вот на других, уже сайт едет. Этот див, выделенный зеленным цветом, не могу поставить по середине под <hr>. Писал margin:0 auto; ничего не помогает.

   Asked by latefull, November 8, 2015

   0 votes
   3 answers
5. Слайдер

   Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc

   Asked by yulshaz@mail.ru, November 7, 2015

   • слайдер
   0 votes
   10 answers
6. Overflow в flexbox с центрированием

   Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?

   Asked by Heijey, November 7, 2015

   0 votes
   5 answers
7. Верстка фигуры

   Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!

   Asked by _ZheKA_, November 7, 2015

   • фигура
   • фигуры
   • css3
   • пентагон
   0 votes
   19 answers
8. Проблема с блоками <div>

   Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …

   Asked by СашкаСанёчек, November 7, 2015

   0 votes
   2 answers
9. Не работает выравнивание картинки по горизонтали

   Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!

   Asked by hiko-sensei, November 6, 2015

   0 votes
   3 answers
10. Трансформация блока

    Здравствуйте. Нужна консультация, как правильно скрутить блок под Bootstrap Разбирал примеры с использованием transform, так же хотел сделать через псевдоэлемент, скрывая border-bottom. transform: skew:after

    Asked by Omega24v, November 6, 2015

    • css
    0 votes
    2 answers
11. Можно ли применить стиль к родительскому блоку?

    есть код вида: <p><img....></p>картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно. можно ли применить стиль только к тегу P после которого идет IMG? наоборот знаю, можно: p img {} а нужно наоборот. если да, то как?

    Asked by nikki4, November 6, 2015

    0 votes
    9 answers
12. Блочный внутри блочного

    Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?

    Asked by hike, November 6, 2015

    0 votes
    2 answers
13. Проблема приоритетности селекторов в css

    Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM

    Asked by Mavellol, November 6, 2015

    • приоритет
    • css селекторы
    0 votes
    9 answers
14. Ссылки и почее

    Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать

    Asked by Maks_Lamer, November 5, 2015

    • СсылкаHTML
    • а href
    0 votes
    16 answers
15. Что такое SVG и с чем его едят

    Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так

    Asked by McLotos, November 5, 2015

    0 votes
    4 answers
16. Не открывается модальное окно по-хорошему

    Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.

    Asked by kattiperk, November 5, 2015

    • js
    • onclick
    • modal
    0 votes
    4 answers
17. Как сделать так, чтобы раскрывающееся меню(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 "/> …

    Asked by prweb, November 5, 2015

    • раскрывающееся меню
    • адаптивная верстка
    • Toggle меню
    0 votes
    1 answer
18. Сплошной текст без пробелов уходит за блок [на DLE]

    Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)

    Asked by dirty_prince, November 5, 2015

    • dle
    • текст
    0 votes
    5 answers
19. hosts не видит один из адресов

    помогите пожалуйста настроить /etc/hosts использую apache2. создал 2 сайта. /var/www/html/site1.ru/index.html:<div>site1</div> /var/www/html/site2.ru/index.html:<div>site2</div>конфиги: /etc/apache2/sites-available/000-default.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site1.ru ServerNmae site1.ru Alias www.site1.ru </VirtualHost> /etc/apache2/sites-available/site2-config.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site2.ru ServerNmae site2.ru Alias www.site2.ru </VirtualHost>в файле /etc/apache2/apache2.conf есть строка: ServerName localhost/etc/hosts: 127.0.0.1 site1.ru127.0.0.1 www.site1.r…

    Asked by cyklop77, November 5, 2015

    • apache
    • hosts
    0 votes
    2 answers
20. не работает выпадающее меню

    Есть горизонтальное меню на сайте http://www.atlasokon.com.ua/vibor.htmlвсе работает. Пытаюсь перенести это же меню в раздел каталога http://www.atlasokon.com.ua/catalog/compare.phpменю не хочет выпадать. Подскажите в чем проблема и где копать?

    Asked by zulus, November 5, 2015

    • выпадающее меню
    0 votes
    2 answers
21. Как сделать, чтобы сайт всегда был по центру экрана?

    В поиске выпадают варианты чтобы сделать картинку или блок по центру экрана, а задача чтобы сайт весь при загрузке страницы и при изменении окна браузера всегда был в центре. А по умолчанию точка отсчёта стоит в левом верхнем углу, как это преодолеть?

    Asked by Fizruke, November 5, 2015

    0 votes
    3 answers
22. не корректно работает display:none

    Добрый день. Есть желание сделать такое меню: http://batprom.ru/ при наведении на изображение, изображение уезжает и появляются ссылки. Пробую это реализовать через :hover {display:none;}. Навожу на картинку, она исчезает и при малейшем движении мышки появляется вновь. В чем может быть проблема, подскажите пожалуйста. Сайт на локальном хостинге, ссылку не могу дать.

    Asked by amfik, November 5, 2015

    0 votes
    2 answers
23. Кто может посоветовать?

    как в textaria сделать отступ текста с верху? отступ от края строки сделал чудесным свойством "text-indent", а вот с верху отступ сделать не знаю как! есть вариант сделать padding-top: 10px; но может быть есть ещё какой не будь способ?

    Asked by Fizruke, November 5, 2015

    0 votes
    4 answers
24. https

    помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…

    Asked by cyklop77, November 4, 2015

    • https
    • ssl
    0 votes
    6 answers
25. Помогите с формой подписки

    Здравствуйте, пытаюсь довести до ума бесплатный шаблончик лендинга с одного зарубежного сайта. Вот такая форма подписки там прописана: <!--MAILCHIMP FORM START--> <div class="mailchimp"> <form action="post.php"><!-- #NOTE: Replace this with your Mailchimp action URL --> <input type="text" value="" name="FNAME" id="mce-FNAME" placeholder="Ваше имя" required> <input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Ваш Email" required> <input type="submi…

    Asked by amarey, November 4, 2015

    0 votes
    2 answers